この HTML スニペットをコーディングしました。
table{
table-layout: fixed;
width: 300px;
display:block;
}
th, td {
border: 1px solid red;
width: 150px;
}
しかし、それは私が望むように表示されません。実際、列の幅は固定されていませんが、セルに追加されたコンテンツのサイズによって異なります。どうすればこれを修正できますか?
この HTML スニペットをコーディングしました。
table{
table-layout: fixed;
width: 300px;
display:block;
}
th, td {
border: 1px solid red;
width: 150px;
}
しかし、それは私が望むように表示されません。実際、列の幅は固定されていませんが、セルに追加されたコンテンツのサイズによって異なります。どうすればこれを修正できますか?
この制約を追加しようとしましたか?
word-wrap
このリンクを確認してください: http://www.w3schools.com/cssref/css3_pr_word-wrap.asp
それが役に立てば幸い :)