表のセルtdの幅設定が無効になる問題の解決方法

今回は表のセル td の幅設定が無効な場合の解決方法を紹介します 表のセル td の幅設定が無効な場合に解決すべき注意事項 を具体的なケースとして取り上げてみましょう。一見。

テーブルページを作成するときに、td に設定された幅が無効になる場合があります。padding を設定することはできますが、幅を直接設定するのは無効です。例:

<div> 
<table border="1px"> 
<tr> 
<td width="100px" style="width: 100px !important;">1000800</td> 
<td>1000000</td> 
<td>1000000</td> 
</tr> 
<tr> 
<td>1000000</td> 
<td>10000300</td> 
<td>1000000</td> 
</tr> 
</table> 
</div> 
<table border="1px"> 
<tr> 
<td width="100px">1000000</td> 
<td>1000000</td> 
<td>1000000</td> 
</tr> 
<tr> 
<td>1000000</td> 
<td>10000300</td> 
<td>1000000</td> 
</tr> 
</table> 
* {margin: 0; padding: 0;} 
.div1 {position: relative; width: 150px; height: 100px; overflow: scroll; border: 1px solid red;}

クラス div1 の最初のセルには幅が設定されていますが、それが無効であることがわかります。セルの内容は常に内容によって決まります。セルの内容は内容によって決まるため、「内容」によってセルを拡張する方法を見つけなければなりません。それだけです。

td に div を追加して、div の幅を設定できます。試してみましょう:

クラス div1 のコードの一部を変更します:

<td width="100px" style="width: 100px !important;">1000800</td>

それを

<td><div>1000800</div></td>

に変更します:

td div { 
width:100px; 
}

これらの事例を読んだ後、あなたはその方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

html 新しいウィンドウを開くときにハイパーリンクのプロパティを制御する方法

css3 のプログレッシブエンハンスメントとグレースフルデグラデーション

css3 の新しいユニット vw、vh、vmin の使用方法, vmaxの使い方

以上が表のセルtdの幅設定が無効になる問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。