Question

您好我有一个使用CSS的html页面。当我尝试在此页面中添加高度为1像素的表时，如下所示..

<table width="100%">
<tr style="height:1px;">
<td style="background-color:red; width:2.5%;">
</td>

<td style="background-color:orange;">
</td>

<td style="background-color:red; width:2.5%;">
</td>

</tr>
</table>

它制作一个高度为18像素的桌子。这可能是因为使用此html附加的css已经为表定义了标准。任何人都可以建议我如何隔离该单个表，以便它不应该受到该CSS的影响...答案非常感谢。提前谢谢。

Answer 1

您无法在CSS中的表行上设置高度。尝试将样式应用于表元素。

Answer 2

如果你有空的td，它会奇怪地渲染，添加一个style =“font-size：1px;”到td然后放一个＆amp; nbsp;在td。然后它将尊重高度：1px;在表元素上

Answer 3

如果CSS对所有<table>起作用，则无法取消。找出正在应用于您的元素的内容，然后使用作用于新类的CSS覆盖它。

Answer 4

如果CSS与链接的CSS发生冲突，只需使用!important选择器覆盖它 - 这就是它首先出现的原因。我建议只改变链接的CSS文件，但是，如果你能够的话。

http://jsfiddle.net/RWuAb/

<table width="100%" style="height:1px !important;">
<tr style="height:1px !important;">
<td style="background-color:red; width:2.5%;">
</td>
<td style="background-color:blue; width:2.5%;">
</td>
<td style="background-color:orange;">
</td>
<td style="background-color:red; width:2.5%;">
</td>
</tr>
</table>

将表格高度设置为一个像素时出现问题

4 个答案: