Maison > interface Web > tutoriel HTML > Implémentez Flexbox et le défilement vertical dans les applications plein écran à l'aide de la nouvelle API Flexbox et du HTML

Implémentez Flexbox et le défilement vertical dans les applications plein écran à l'aide de la nouvelle API Flexbox et du HTML

PHPz
Libérer: 2023-08-28 20:13:02
avant
828 Les gens l'ont consulté

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

La propriété flex est un raccourci pour les propriétés flex-grow, flex-shrink et flex-basis. La propriété flex définit la longueur flexible de l'élément flex.

Par exemple -

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 0px; /*here the height is set to 0px*/
}
Copier après la connexion

Si vous souhaitez une hauteur minimale, utilisez height : 100px c'est exactement la même chose que - min-height :

#container article {
   -webkit-flex: 1 1 auto;
   overflow-y: auto;
   height: 100px; /*here the height is set to 100px*/
}
Copier après la connexion
;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal