প্লেইন এইচটিএমএল এবং সিএসএস সহ পাঠ্য কেটে দেওয়ার কোনও ভাল উপায় আছে, যাতে ডায়নামিক সামগ্রী স্থির-প্রস্থ এবং উচ্চতার বিন্যাসে ফিট করতে পারে?
আমি লজিকাল প্রস্থ (যেমন একটি অন্ধভাবে অনুমান করা অক্ষরের সংখ্যা) দ্বারা সার্ভারের পাশ কাটাচ্ছি , তবে যেহেতু 'ডাব্লু' একটি 'আই' এর চেয়ে প্রশস্ত, এবং আমার পুনরায় অনুমান করার প্রয়োজনও রয়েছে ( এবং টুইট করতে থাকুন) প্রতিটি নির্দিষ্ট প্রস্থের জন্য অক্ষরের সংখ্যা। আদর্শভাবে কাটাটি ব্রাউজারে ঘটবে, যা রেন্ডার পাঠ্যের দৈহিক প্রস্থকে জানে ।
আমি খুঁজে পেয়েছি যে আইইয়ের একটি text-overflow: ellipsis
সম্পত্তি আছে যা আমি যা চাই ঠিক তা করে তবে ক্রস ব্রাউজার হওয়ার জন্য আমার এটি দরকার। এই সম্পত্তিটি (কিছুটা?) স্ট্যান্ডার্ড বলে মনে হচ্ছে তবে এটি ফায়ারফক্স দ্বারা সমর্থিত নয়। আমি এর ভিত্তিতে বিভিন্ন কাজের সন্ধান পেয়েছি overflow: hidden
, তবে তারা হয় একটি উপবৃত্ত প্রদর্শন করে না (আমি চাই ব্যবহারকারীটি সামগ্রীটি কাটা হয়েছে তা জানতে চান) বা এটি সর্বদা প্রদর্শন করে (এমনকি সামগ্রীটি কাটা না হলেও)।
কারও কি কোনও স্থির বিন্যাসে ডায়নামিক পাঠ্য ফিটিং করার ভাল উপায় আছে, বা লজিক প্রস্থের দ্বারা সার্ভার-সাইড ট্রান্সকেশনটি এখনকার মতোই পাচ্ছি?