テーブルの高さを1ピクセルに設定する問題

Question

こんにちは私はCSSを使用しているHTMLページを持っています。私は

---

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

---

..次のように、このページでは1つのピクセルの高さにテーブルを追加しようとするとそれは、高さ18ピクセルで表を作ります。これは、このHTMLに添付されているCSSがテーブルの基準を定義しているためです。誰もがその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のそれは、奇妙なレンダリングスタイル=追加します持っている場合は、 "フォントサイズ：1pxのを、" tdに次に& nbspを入れます。 tdで。次に、それは高さを尊重します：1px;テーブルの要素に