HTML で表のセルの最小幅と最大高さを設定するにはどうすればよいですか?-CSSチュートリアル-php.cn

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

Linda Hamilton

リリース： 2024-10-25 02:36:02

オリジナル

1073 人が閲覧しました

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