Div+CSS如何将一行的布局分成很多个列?
发布网友
发布时间：2022-04-06 12:06
共1个回答
热心网友
时间：2022-04-06 13:35
<div class="wrapper">
<div></div><!-- 此处的注释为去掉换行符的影响
--><div></div><!--
--><div></div>
</div>
.wrapper {
width: 100%; /* 也可以固定宽度 */
height: 200px;
}
.wrapper > div {
display: inline-block; /* 如需支持IE8以下版本，用浮动来做 */
width: calc(100% / 3); /* 此处运用了一个css3的表达式，将div三等分，IE8及以上可以支持，当然也可以根据需要设置固定值 */
width: -webkit-calc(100% /3);
width: -moz-calc(100% / 3);
height: 100%;
}
以上经亲自测过，IE8+、chrome、firefox表现良好。
