質問: 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の愛称)が少しスペースを放棄しても、左のセルはほとんど切り捨てられないというしつこい感じがします。彼の正気を救えますか?要約すると、テーブルのセルがどのように均等にオーバーフローし、すべての空白がすべて放棄された場合にのみ可能ですか?
回答: 「nowrap」が問題をある程度解決しているかどうかを確認します。注:nowrapはhtml5ではサポートされていません<table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;"> <tr> <td style="overflow: hidden; text-overflow: ellipsis;" nowrap >this cells has more content </td> <td style="overflow: hidden; text-overflow: ellipsis;" nowrap >less content here has more content</td> </tr>