コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 表セルtdの幅設定が無効で内部コンテンツは常に引き伸ばされる_HTML/Xhtml_Webページ制作

表セルtdの幅設定が無効で内部コンテンツは常に引き伸ばされる_HTML/Xhtml_Webページ制作

WBOY
リリース： 2016-05-16 16:37:47
オリジナル
1541 人が閲覧しました

テーブルページを作成する場合、td の幅は内部コンテンツによって常に引き伸ばされることがありますが、幅を直接設定することは無効です。この例を詳しく見てみましょう。 :

コードをコピーします
コードは次のとおりです。

🎜>













1000800 /td>

>

1000000 >/td>
🎜>.div1 {位置: 相対; 幅: 150px; 高さ: 100px; オーバーフロー: スクロール; 境界線: 1px ソリッドレッド;}




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

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

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




コードをコピーします


コードは次のとおりです:
1000800 は


コードをコピーします


コードは次のとおりです。
1000800
次にスタイルを記述します。 :


コードをコピーします


コードは次のとおりです:
td div { width:100px; }
ページを更新すると、結果は次のようになります:

クラス div1 のセルの幅が次のようになっていることがわかります。発効しました。
関連ラベル：
細胞
ソース：php.cn
前の記事：HTMLマーキータグ入門 使用例_HTML/Xhtml_Webページ制作 次の記事：HTML_HTML/Xhtml_Webページ制作におけるラジオ値のイベント取得・代入・登録例を詳しく解説
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
Imagick、Adobe Photoshop、Windows の比較 - 解像度の検出 (1 センチメートルあたりのピクセル数またはインチあたりのピクセル数) これは質問ではなく、DPI がさまざまなファイル形式でどのように保存されるかについての理解を深め、なぜ DPI が機能するのかを議論する試みです。私は画像 (JPG、PNG、Tif...
から 2024-04-06 16:01:27
0
1
397
単体テストの OverflowException: 最大再試行回数が 10,000 回に達しましたが、一意の値がまだ見つかりません そこで、新しい機能を実装する前に単体テストを行っています。テストを実行しましたが、OverflowException で失敗しました: 最大再試行回数が 10000 に達しましたが...
から 2024-04-06 11:27:39
0
2
347
固定幅で最大幅 90% のグリッドの子がグリッド トラックからオーバーフローするのはなぜですか? 質問: 私の質問は非常に単純です。1500 ピクセルのビューポート幅に達すると、.header 要素がグリッド トラックからオーバーフローする理由を知りたいです。コード: *{bo...
から 2024-04-05 14:33:39
0
1
1426
ツールヒントのリンクとボタンが機能しない ツールヒント内からクリック イベントをトリガーしようとしています。クリックイベントを含むボタンを配置しましたが、機能しません。ツールチップ内に外部リンクを追加してみました。それもう...
から 2024-04-04 22:01:46
0
1
1352
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート