এটি সম্ভবত এটি কার্যকর হতে পারে তবে এটি ভবিষ্যতে কোনও মুহুর্তে (অবিলম্বে না হলে) কিছুটা উপদ্রব হিসাবে প্রমাণিত হতে পারে।
<style>
tbody td span {display: inline-block;
width: 10em; /* this is the nuisance part, as you'll have to define a particular width, and I assume -without testing- that any percent widths would be relative to the containing `<td>`, not the `<tr>` or `<table>` */
overflow: hidden;
white-space: nowrap; }
</style>
...
<table>
<thead>...</thead>
<tfoot>...</tfoot>
<tbody>
<tr>
<td><span title="some text">some text</span></td> <td><span title="some more text">some more text</span></td> <td><span title="yet more text">yet more text</span></td>
</tr>
</tbody>
</table>
এর যুক্তিটি span
হ'ল, অন্যদের দ্বারা নির্দেশিত হিসাবে, একটি <td>
সাধারণত বিষয়বস্তুগুলিকে সামঞ্জস্য করার জন্য প্রসারিত হবে, যেখানে একটি <span>
দেওয়া যেতে পারে এবং আশা করা যায় - একটি সেট প্রস্থ; এর overflow: hidden
উদ্দেশ্য, তবে তা লুকিয়ে রাখতে পারে না অন্যথায় এর কারণ কী<td>
প্রসারিত করতে।
আমি title
ভিজ্যুয়াল সেলে উপস্থিত (বা ক্লিপড) উপস্থিত টেক্সটটি দেখানোর জন্য স্প্যানের সম্পত্তিটি ব্যবহার করার পরামর্শ দেব , যাতে পাঠ্যটি এখনও উপলভ্য থাকে (এবং যদি আপনি এটি চান না / লোকেরা এটি দেখার প্রয়োজন হয় তবে কেন এটি আছে) প্রথম স্থানে, আমার ধারণা ...)।
এছাড়াও, আপনি যদি টিডিটির জন্য কোনও প্রস্থকে সংজ্ঞায়িত করেন td {...}
তবে এর প্রস্থিত প্রস্থটি পূরণ করার জন্য (বা সম্ভাব্যভাবে চুক্তি করা হবে, তবে আমি সন্দেহ করি) তবে এটি দেখতে যেমন মনে হচ্ছেtable-width/number-of-cells
একটি নির্দিষ্ট টেবিল-প্রস্থ তৈরি বলে মনে হচ্ছে না একই সমস্যা।
ডাউনসাইড হ'ল উপস্থাপনার জন্য ব্যবহৃত অতিরিক্ত মার্কআপ।