CSS:表のセルを切り捨てますが、可能な限り適合させます
フレッドに会います。彼はテーブルです: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> フレッドのアパートはサイズを変更するという奇妙な習慣を持っているため、他のすべてのユニットを押しのけてウィットフォード夫人のリビングルームを忘却に追いやらないように、コンテンツの一部を非表示にする方法を学びました。 <table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;"> <tr> <td style="overflow: hidden; text-overflow: ellipsis">This cells has more content</td> <td style="overflow: hidden; text-overflow: ellipsis">Less content here</td> </tr> </table> これは機能しますが、フレッドは、彼の右のセル(ニックネームはCelldito)が少しスペースをあきらめた場合、左のセルはほとんど切り捨てられないだろうというしつこい感じを持っています。彼の正気を保存できますか? 要約すると、どのようにしてテーブルのセルが均等にオーバーフローし、それらがすべて空白をあきらめた場合にのみですか?