テーブルページを作成するときに、td に設定された幅が無効になることがあります。td の幅は常に内部コンテンツによって拡張されます。パディングを設定することはできますが、幅を直接設定することは無効です。次の例を詳しく見てみましょう。 コードをコピー コードは次のとおりです。<div> <表の境界線="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> </テーブル> </div> <表の境界線="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> </テーブル> * {マージン: 0; パディング: 0;} .div1 {位置: 相対; 幅: 150px; 高さ: 100px; オーバーフロー: スクロール; 境界線: 1px 赤一色;} ![]() クラス div1 の最初のセルの幅は設定されているものの、無効であることがわかります。セルの内容は常にコンテンツによって決まります。コンテンツによって決まるので、「コンテンツ」がセルを拡張できるようにする方法を見つける必要があります。それだけです。 td に div を追加し、div の幅を設定できます。試してみましょう: クラス div1 のコード部分を変更します。 コードをコピー コードは次のとおりです。<td width="100px" style="width: 100px !important;">1000800</td> 変更後 コードをコピー コードは次のとおりです。<td><div>1000800</div></td> 次に、次のスタイルで記述します。 コードをコピー コードは次のとおりです。td div { 幅:100ピクセル; } ページを更新すると、効果は次のようになります。 ![]() クラス div1 のセル幅が有効になっていることがわかります。 |
<<: Vue プロジェクトで TS (TypeScript) を使用するための入門チュートリアル
Jenkins はオープンソース ソフトウェア プロジェクトです。Java をベースに開発された継続...
説明するこのインターフェースを呼び出すときは、次の点に注意する必要があります。パブリック IP アド...
ダウンロードダウンロードアドレス: https://dev.mysql.com/downloads/...
目次CentOS rpm のインストールと Nginx の設定導入rpm パッケージのインストールサ...
最初のステップは、MySQL 8.0.23の無料インストールバージョンをダウンロードすることです。 ...
目次序文:成し遂げる:要約:まず効果を見てみましょう: 序文:このアイデアは、Bilibili のア...
目次1. 算術演算子2. 比較演算子3. 論理演算子4. ビット演算子5. 演算子の優先順位1. 算...
正直に言うと、この質問には MySQL のコア知識がかなり必要で、コンピュータ ネットワークの知識を...
参照ドキュメント公式 Docker インストール ドキュメント: https://docs.dock...
この記事の例では、カルーセルカルーセルを実装するためのJSの具体的なコードを参考までに共有しています...
最初は、複数の列のコンテンツのサイズと高さが異なります。ここで、表示する背景を異なるものに設定し、各...
目次1. MySQLをダウンロードする1.1 ダウンロード1.2 インストール1. MySQLをダウ...
目次1. 複数の .catch 2. 複数の .catch 3. .then と .catch の連...
コード: <input type="text" class="t...
この記事では、JavaScriptで簡単なGobangゲームを実装するための具体的なコードを参考まで...