Question

我有这张桌子应该有它和元素宽度相同，但我得到的是LINK TO IMAGE。如果我设置它的宽度元素开始包装，但是现在它只占用表中的更多空间并将其他元素推出位置。如何解决这个问题，以便所有TH和TD元素的宽度相同？表格布局是固定的。

Answer 1

如果希望单元格根据内容调整大小，则不得指定表格，行或单元格的宽度。

如果您不想自动换行，请将CSS样式的white-space：nowrap指定给单元格。

Answer 2

您的TD元素需要一点CSS才能正确切断。诀窍是添加“overflow：hidden”来隐藏比css中宽度更长的东西。

<style>
td {
    width: 94px;
    overflow: hidden;
    display: inline-block;
}
</style>

<table width="300" border="1">
	<tr>
		<td width="100">abcderfrjdbgrgoeberov</td>
		<td  width="100">fghf</td>
		<td  width="100">ghgfgf</td>
	</tr>
	<tr>
		<td>fghfghf</td>
		<td>tghrthtrhtrhtrhtrhtrhtrhrthrth</td>
		<td>ghrthrttrhrt</td>
	</tr>
</table>

列占用的像素比允许的多

2 个答案: