多列布局——Columns columns：<column-width> ||...-慕课网

多列布局——Columns

columns：<column-width> || <column-count>

.columns {
  width: 500px;
  padding: 5px;
  border: 1px solid green;
  margin: 20px auto; 
  -webkit-columns: 150px 3;
  -moz-columns: 150px 3;
  -o-columns: 150px 3;
  -ms-columns: 150px 3;
  columns: 150px 3;
}

团酱

2014-09-26

源自：十天精通CSS3 10-1

关注问题我要回答

719

操作

收起

1 回答

无人区修炼者
2016-04-20

-webkit-columns: 150px 3;

-moz-columns: 150px 3;

-o-columns: 150px 3;

-ms-columns: 150px 3;

columns: 150px 3;

我奇怪他为啥这样写，写这么复杂是为了啥

0 回复有任何疑惑可以回复我~

#1

团酱提问者

兼容不同的内核的浏览器，Chrome和Safari（webkit），Firefox（moz），Opera（o），Internet Explorer（ms）。

2016-04-23 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242714 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

2 回答

1 回答

4 回答

1 回答

1 回答

搜索更多本课相关问答

我要回答关注问题

意见反馈帮助中心 APP下载