今回は表のセル 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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
