HTML5/CSS 使用Flex布局按比例布局

用flex按比例布局,以下代码为将一个box拆分成1:1:1

    
sub1
sub2
sub3
.box { width: 100%; height: 200px; border: 1px #ccc solid; /*flex布局*/ display: -webkit-flex; display: flex; /*水平*/ -webkit-flex-direction: row; } .box .sub { /*比例*/ -webkit-flex: 1; border: #c0ff60 2px solid; height: 100%; }

© 2016, 冰冻鱼. 请尊重作者劳动成果,复制转载保留本站链接! 应用开发笔记