將表格高度設置爲一個像素的問題

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已經爲table定義了標準。任何人都可以請建議我如何隔離單個表，以便它不應該受該CSS的影響...答案是非常感謝。提前致謝。

Answer 1

如果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>

Answer 2

您無法在CSS中設置表格行的高度。嘗試將樣式應用於表格元素。

Answer 3

如果CSS正在對所有<table>執行操作，則無法取消它。找出正在應用於您的元素的內容，然後使用CSS作用於新類來覆蓋它。

Answer 4

如果你有空TD的它會奇怪渲染，添加樣式= 「FONT-SIZE：1px的;」到td再放一個& nbsp;在td。那麼它會尊重一個高度：1px;在表元素