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 回答