博格方略

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

PHPz 转载编程分享 2023-08-28 20:08:05

简介 flex属性是flex-grow、flex-shrink和flex-basis属性的简写。flex属性设置灵活项目的灵活长度。例如-#containerarticle{  -webkit-flex:11auto;  overflow-y:auto;  height:0px;/*herethe

例如 -

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

如果你想要一个最小高度，使用 height: 100px;它与 - min-height: 100px; 完全相同;

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

以上就是使用较新的Flexbox API和HTML，在全屏应用中实现Flexbox和垂直滚动的详细内容，更多请关注php中文网其它相关文章！

Tags：

110 0 0 0

提交

声明：参照站内规则，不文明言论将会删除，谢谢合作。

最新评论

例如 -

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

如果你想要一个最小高度，使用 height: 100px;它与 - min-height: 100px; 完全相同;

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

以上就是使用较新的Flexbox API和HTML，在全屏应用中实现Flexbox和垂直滚动的详细内容，更多请关注php中文网其它相关文章！

Blogger：袅袅牧童 | Arkin

Ido：PHP攻城狮

WeChat：nnmutong

Email：nnmutong@icloud.com