首页 > html > column > CSS Layout - 如何用CSS3多重蛋白建立3列布局

CSS Layout - 如何用CSS3多重蛋白建立3列布局

column 【column】
我们想知道如何用CSS3多重蛋白建立3列布局。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#multicolumn {
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  column-count: 3;
  column-gap: 0px;
}
#multicolumn {
  border: solid 1px black;
}

.col {
  border: solid 1px black;
}
</style>
</head>
<body>
  <div id="multicolumn">
    <div class="col">w3cschool.cn</div>
    <div class="col">java2s . com</div>
    <div class="col">java2s.c o m</div>
  </div>
</body>
</html>