Bagaimana untuk Mencipta Div Boleh Tatal Menegak dengan CSS?

Div Tatal Menegak dengan CSS

Soalan:

Bagaimana saya boleh mencipta div yang hanya boleh ditatal secara menegak menggunakan CSS?

Jawapan:

Untuk menatal secara menegak div, adalah penting untuk menentukan sifat limpahan dengan nilai yang betul.

Sintaks untuk limpahan adalah seperti berikut:

overflow: <value>;

Di mana boleh:

• kelihatan: Tiada bar skrol dipaparkan, walaupun kandungan melimpahi div.
• tersembunyi: Bar skrol dipaparkan hanya apabila kandungan melimpah div.
• skrol: Bar skrol sentiasa dipaparkan, walaupun kandungan tidak melimpah div.
• auto: Bar skrol dipaparkan hanya apabila kandungan melimpahi div ke arah yang ditentukan.
• warisi: Mewarisi sifat limpahan daripada elemen induk.

Untuk menatal menegak sahaja:

• Gunakan limpahan-y: tatal; untuk memaksa bar skrol menegak muncul, tidak kira sama ada kandungan melebihi ketinggian div.
• Gunakan limpahan-y: auto; untuk memaparkan bar skrol menegak hanya jika kandungan melimpahi ketinggian div.

Contohnya, untuk mencipta div yang tingginya 400px dan hanya boleh ditatal secara menegak:

<div>

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Div Boleh Tatal Menegak dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!