ホームページ >ウェブフロントエンド >CSSチュートリアル >HTML で表のセルの最小幅と最大高さを設定するにはどうすればよいですか?

HTML で表のセルの最小幅と最大高さを設定するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-25 02:36:021067ブラウズ

How to Set Min-Width and Max-Height for Table Cells in HTML?

テーブルセルの最小幅と最大高さの定義

HTML テーブルでは、最小幅と最大高さを設定することはできません。 max-width プロパティをテーブルセル (td) に直接設定します。この機能は、CSS 2.1 のこの要素では未定義です。

解像度

min-width と max-width を使用する代わりに、表のセルの width プロパティを使用する必要があります。 。例:

<code class="css">td {
    width: 10px;
    border: 1px solid black;
}</code>

表のセル内のコンテンツの幅を制限し、過剰な空き領域を防ぐには、次の変更された HTML および CSS コードを検討してください。

<code class="html"><html>
<head>
    <style type="text/css">
        td {
            border: 1px solid black;
        }

        html, body, .fullheight {
            height: 100%;
            width: 100%;
        }
        .minfield {
            width: 10px;
            border: 1px solid red;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <table class="fullheight">
        <tr>
            <td class="minfield">
                <div class="minfield">
                    <p>hallo</p>
                </div>
            </td>
            <td><p>welt</p></td>
        </tr>
    </table>
</body>
</html></code>

追加メモ

フルスクリーン モードでもテーブル サイズに関する問題が発生する場合は、CSS で table-layout プロパティを「fixed」に設定してみてください。 。これにより、テーブルに固定幅のレイアウトが適用され、不要な空白が削除されます。

以上がHTML で表のセルの最小幅と最大高さを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。