>  기사  >  웹 프론트엔드  >  최신 Flexbox API 및 HTML을 사용하여 전체 화면 앱에서 Flexbox 및 세로 스크롤 구현

최신 Flexbox API 및 HTML을 사용하여 전체 화면 앱에서 Flexbox 및 세로 스크롤 구현

PHPz
PHPz앞으로
2023-08-28 20:13:02685검색

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

flex 속성은 flex-grow, flex-shrink 및 flex-basis 속성의 약어입니다. flex 속성은 flex 항목의 유연한 길이를 설정합니다.

예를 들어 -

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

최소 높이를 원할 경우 height: 100px를 사용하세요. 이는 - min-height: 100px와 동일합니다.

위 내용은 최신 Flexbox API 및 HTML을 사용하여 전체 화면 앱에서 Flexbox 및 세로 스크롤 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제