CSS3弹性盒模型开发笔记（三）

    <div><img src="images/1.png" /></div>  

    <div><img src="images/2.png" /></div>  

    <div><img src="images/3.png" /></div>  

    <div><img src="images/4.png" /></div>  

    <div><img src="images/5.png" /></div>  

    <div><img src="images/6.png" /></div>  

    <div><img src="images/7.png" /></div>  

    <div><img src="images/8.png" /></div>  

</div>  

</body>  

CSS3代码：

CSS Code复制内容到剪贴板

<style type="text/css">   

#box {   

    border:solid 1px red;   

    width:600px;   

    height:400px;   

    display : -moz-box;   

    display : -webkit-box;   

    display : box;   

}   

#box {/*定义子元素分行显示*/  

    -moz-box-lines : multiple;   

    -webkit-box-lines : multiple;   

    box-lines : multiple;   

}   

#box div {   

    margin:4px;   

    border:solid 1px #aaa;   

    -moz-box-flex: 1;   

    -webkit-box-flex: 1;   

    box-flex: 1;   

}   

#box div img { width:120px; }   

</style>   

演示效果：

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!