Rumah  >  Artikel  >  hujung hadapan web  >  Laksanakan Flexbox dan menatal menegak dalam apl skrin penuh menggunakan API dan HTML Flexbox yang lebih baharu

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

PHPz
PHPzke hadapan
2023-08-28 20:13:02748semak imbas

使用较新的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*/
}

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!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam