[CSS]fixedでテーブルの列幅が均等を指定する
構文
table-layout: fixed
表と列の幅は table 要素と col 要素の幅によって、または最初の行のセルの幅によって設定されます。
後続する行のセルは列幅の設定に影響しません。
使用例
<style> table { /*テーブルの列幅が均等*/ table-layout: fixed; width: 120px; border: 1px solid red; } td { border: 1px solid blue; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } </style> <table> <tr><td>AA</td><td>11002222</td></tr> <tr><td>BB</td><td>22113333</td></tr> <tr><td>Cc</td><td>332212222</td></tr> <tr><td>Dd</td><td>445522222</td></tr> </table>