我可能遗漏了显而易见的内容,但是关于 Chrome 为何要包装此表中的最后一列的任何提示?它不应该计算列宽以使内容适合吗?(假设表格实际上并没有填满页面)。IE 和 Firefox 似乎都可以很好地渲染它(或者至少是我期望的渲染方式)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
.imgLink {
margin: 0 8px;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Some text</td>
<td>Some more text</td>
<td><span class="imgLink"><a href=""><img src="iconEdit.gif">Edit</a></span>
<span class="imgLink"><a href=""><img src="iconDelete.gif">Delete</a></span></td>
</tr>
</table>
</body>
</html>
编辑:
该表未填充可用的页面宽度。
这是显示 Chrome 包装的屏幕截图:
我实际上找到了一个解决方法——只需添加white-space: nowrap;
到表格的最后一列。不过,我相信 Chrome 没有正确计算宽度,或者我可能遗漏了一些东西。我想知道发生了什么。