时间：2023-09-06 21:30:01 | 来源：网站运营
时间：2023-09-06 21:30:01 来源：网站运营
前端页面弹性布局，浮动：弹性容器：
在线咨询
display:flex;justify-content:有以下设置flex-startflex-endcenterspace-around：平均分布，两边都有间距，两边的间距是中间的一半space-between：平均分布，两边没有间距space-evenly：平均分布，间距一样align-items:flex-startflex-endcenterstretch：拉伸，如果子元素没有设置高度，就默认拉伸到与父元素同样的高度。如果子元素设置了高度，那就不拉伸。如果元素很多，会挤在同一行中，不会换行。可以用到换行flex-warp:warp多出来的元素会换到下一行去。 .clear:after{ content: ""; display: block; clear: both; }这个代码可以说是万能代码，after的后面再创建一个子元素，设置这个假元素为块级元素，清除掉左右的浮动。content不能少。这个伪元素设置在拥有浮动的父元素内，这样清除了左右浮动后父元素就不会认为自己内部没有元素，拥有高度了。注意，只有class才能同时设置多个class，中间用空格隔开。<div class = parent clear></div>关键词：布局,浮动,弹性
