Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menetapkan Min-Width dan Max-Height untuk Sel Jadual dalam HTML?

Bagaimana untuk Menetapkan Min-Width dan Max-Height untuk Sel Jadual dalam HTML?

Linda Hamilton
Lepaskan: 2024-10-25 02:36:02
asal
1078 orang telah melayarinya

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

Menentukan Min-Width dan Max-Height untuk Sel Jadual

Dalam jadual HTML, tidak mungkin untuk menetapkan lebar min dan sifat lebar maks terus pada sel jadual (td). Fungsi ini tidak ditentukan untuk elemen ini dalam CSS 2.1.

Resolusi

Daripada menggunakan lebar min dan lebar maks, anda harus menggunakan sifat lebar untuk sel jadual . Contohnya:

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

Contoh

Untuk mengehadkan lebar kandungan dalam sel jadual dan mengelakkan ruang kosong yang berlebihan, pertimbangkan kod HTML dan CSS yang diubah suai berikut:

<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>
Salin selepas log masuk

Nota Tambahan

Sekiranya anda masih menghadapi masalah dengan saiz jadual semasa dalam mod skrin penuh, cuba tetapkan sifat susun atur jadual kepada "tetap" dalam CSS anda . Ini akan menguatkuasakan reka letak lebar tetap untuk jadual, menghapuskan ruang putih yang tidak perlu.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Min-Width dan Max-Height untuk Sel Jadual dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan