html - 如何防止长文本改变 HTML 表格单元格的大小？

Question

我有两张桌子：

<h3>JVM Garbage Collector</h3>
<table style="width:100%" border="1">
<tr><th>Name</th><th>Description</th><th>Type</th><th>Key</th></tr>
<tr>
<td style="width:25%">PS Scavenge collections</td>
<td style="width:33%">Number of garbage collections by the PS Scavenge collector.</td>
<td style="width:12%">JMX</td>
<td style="width:30%">Object: java.lang:type=GarbageCollector,name=PSScavenge<br/>Attribute: CollectionCount</td>
</tr>
</table>
<h3>JVM Memory Pool</h3>
<table style="width:100%" border="1">
<tr><th>Name</th><th>Description</th><th>Type</th><th>Key</th></tr>
<tr>
<td style="width:25%">Code Cache committed</td>
<td style="width:33%">Committed bytes of the Code Cache memory pool. This is included with HotSpot JVMs, which contains memory used for compilation and storage of native code. It is part of non-heap memory.</td>
<td style="width:12%">JMX</td>
<td style="width:30%">Object: java.lang:type=MemoryPool,name=Code Cache<br/>Attribute: Usage.committed</td>
</tr>

第一个行为正确，但第二个没有根据我的宽度调整大小，我猜这是因为里面的文本内容。​</p>

Answer 1

将 cssword-break:break-all应用于您想要以这种方式打破的所有 TD。

见jsfiddle

这是一个 CSS3 属性，因此它可能不适用于 IE6 和 7。

Answer 2

在所有地方使用 css 自动换行属性。如果它越过指定的宽度，它将断线。

更多信息，请在网上搜索。