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

首页 编程分享 JQUERY丨JS丨VUE 正文

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中文网其它相关文章!

转载链接:https://www.php.cn/faq/599257.html


Tags:


本篇评论 —— 揽流光,涤眉霜,清露烈酒一口话苍茫。


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


      最新评论




例如 -

#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中文网其它相关文章!

ABOUT ME

Blogger:袅袅牧童 | Arkin

Ido:PHP攻城狮

WeChat:nnmutong

Email:nnmutong@icloud.com

标签云