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>

第一个是行为正确，但第二个没有根据我的宽度调整大小，我猜它是因为内部的文本内容。

Answer 1

将css word-break:break-all应用于您希望以此方式打破的所有道明。

请参阅jsfiddle

这是一个CSS3属性，因此它可能无法在IE6和7上运行。

Answer 2

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

更多只需在网上搜索。

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

2 个答案: