Bagaimanakah Saya Boleh Mencipta Jadual HTML dengan Bar Skrol Menegak dan Mendatar?

Mencapai Bar Tatal Menegak dan Mendatar dalam Jadual HTML

Mencipta jadual yang memerlukan penatalan menegak dan mendatar boleh menjadi mencabar. Begini cara untuk mencapai ini menggunakan CSS:

1. Paparan sebagai Sekat: Tetapkan paparan: sekat untuk meja merawatnya seperti bekas.


2. Dayakan Tatal Mendatar: Guna overflow-x: auto untuk mendayakan penatalan mendatar.


3. Cegah Pemutus Talian: Gunakan white-space: nowrap untuk mengelakkan pemisah baris yang berlebihan dalam sel jadual.

Kod CSS berikut menunjukkan pendekatan ini:

table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

Contoh:

<table>

Tambahan Pertimbangan:

• Untuk memastikan pengedaran lebar sel, tambah jadual badan { paparan: jadual; lebar: 100%; } kepada CSS.
• Rujuk sumber luaran untuk contoh yang lebih lanjut, seperti menatal kapsyen jadual.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Jadual HTML dengan Bar Skrol Menegak dan Mendatar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!