CSS flex:auto布局效果实例页面

回到相关文章 »

效果：

范张 范鑫 范旭 范帅 范哥

代码：

CSS代码：
.container {
    display: flex;
    border: 2px dashed crimson;    
}
.container item {
    flex: auto;
    border: 2px solid deepskyblue;    
}
HTML代码：
<div class="container">
    <item>范张</item>
    <item>范鑫</item>
    <item>范旭</item>
    <item>范帅</item>
    <item>范哥</item>
</div>