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

回到相关文章 »

效果:

范张 范鑫 范旭 范帅 范哥

代码:

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