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

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

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

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 サイトの他の関連記事を参照してください。

css html for while try using Property undefined this table td

声明：

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

前の記事：JavaScript で CSS 宣言を動的に変更するにはどうすればよいですか?次の記事：JavaScript で CSS 宣言を動的に変更するにはどうすればよいですか?

続きを見る