Laksanakan Flexbox dan menatal menegak dalam apl skrin penuh menggunakan API dan HTML Flexbox yang lebih baharu

PHPz
Lepaskan: 2023-08-28 20:13:02
ke hadapan
739 orang telah melayarinya

使用较新的Flexbox API和HTML,在全屏应用中实现Flexbox和垂直滚动

Sifat flex ialah singkatan untuk sifat flex-grow, flex-shrink dan flex-base. Sifat flex menetapkan panjang fleksibel item flex.

Contohnya -

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 0px; /*here the height is set to 0px*/
}
Salin selepas log masuk

Jika anda mahukan ketinggian minimum, gunakan ketinggian: 100px;

Atas ialah kandungan terperinci Laksanakan Flexbox dan menatal menegak dalam apl skrin penuh menggunakan API dan HTML Flexbox yang lebih baharu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan