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

回到相关文章 »

效果：

范张范张范张范张范张范张范张范张 范鑫范鑫范鑫范鑫范鑫范鑫范鑫范鑫 范旭范旭范旭范旭范旭范旭范旭范旭 范帅范帅范帅范帅范帅范帅范帅范帅 范哥范哥范哥范哥范哥范哥范哥范哥

代码：

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