0

これが CSS や HTML で可能かどうか興味がありましたか? たとえば、TABLE を格納する親 DIV があるとします。

<div class="divClass">
<table class="tableClass">
</table>
</div>

テーブルにはユーザー コンテンツが表示されるため、そのテキストを制御することはできません。テーブルの幅を制限して、750 ピクセルを超えないようにする方法はありますか?

PS。通常、十分な幅がない場合、表のセルは単語を次の行に折り返しますが、WordsLikeThisWithoutAnyActualWhiteSpacesBetweenThem では問題が発生します。その場合、テーブルの幅が広すぎて、ページ レイアウトが崩れます。

4

3 に答える 3

3 
.tableClass {
   max-width: 750px
   word-break: break-all;
 }

仕事をするべきです。

またはあなたも試すことができます

.tableClass {
   table-layout:fixed;
}
.tableClass td {
   overflow: hidden;
}

最初の行で各 tds に幅を割り当てます。

于 2012-05-17T04:14:17.963 に答える
1

次のように書きます。

.tableClass{
 display-layout:fixed;
 word-wrap: break-word;
}
于 2012-05-17T04:16:23.593 に答える
1 
td{word-wrap:break-word;
max-width: 750px;}
于 2012-05-17T04:30:58.783 に答える