课程
/前端开发
/HTML/CSS
/十天精通CSS3
.columns {
width: 500px;
padding: 5px;
border: 1px solid green;
margin: 20px auto;
-webkit-columns:50px 3;
-moz-columns:50px 3;
-o-columns:50px 3;
-ms-columns:50px 3;
columns:50px 3;
}
为什么我把列的宽度变为50px没有变化呢,是哪里的原因呢?
2017-08-19
源自:十天精通CSS3 10-1
正在回答
① div宽度500=列宽x+列间距y,(div宽度500-列间距y) ÷ 列数3 ≈ 每列最大宽度z。在宽度500不变的情况下,自定义列宽只要≤每列最大宽度z,就能保持三列的布局;【经本人测试,最大列宽是155px】
② 宽度500不变的情况下,只要自定义列宽≤每列最大宽度z,即只要自定义列宽≤155px,无论你的列宽设置是什么数值,列宽不会发生任何变化;
③ 只有当div宽度或文本内容长度发生变化时,布局才会发生变化。
安静的学者 提问者
心陌灬琉璃梦 回复 安静的学者 提问者
爱上慕婉清6262634 回复 安静的学者 提问者
举报
本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备
1 回答多列布局的问题
1 回答多列布局的相关知识
2 回答css3 flex布局
1 回答响应式布局是怎么实现的
2 回答列间距的问题