当前位置： 首页 > Web前端 > HTML5

css-flex常见面试题

时间：2023-04-05 16:16:30 HTML5

不废话了！flex-contentwidthequal//css.box{display:flex;}.boxdiv{flex:1;边框：1px纯红色；}//html

1
2
3
左右布局，一侧固定宽度，一侧自适应全//csshtml,body{height:100%}.main{display:flex;高度：100%；}.left,.right{高度：100%；边框：1px纯红色；框大小：边框框；}.left{宽度：300px；%;}//html固定宽度300px
自适应宽度
未知高度Width,top,bottom,left,right,center//csshtml,body{高度:100%}.main{显示：flex；高度：100%；证明内容：居中；对齐项目：中心}.box{宽度：300px;边框：1px纯红色；}//html未知高度上下左右居中不会显示这个效果，可以实现未知宽高和已知宽未知高的居中效果。

css-flex常见面试题相关文章
最新推荐
猜你喜欢

Copyright © 2012-2022 程序源 版权所有豫ICP备2022028201号

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。