<!DOCTYPE html>
<html>
<head>
<style>
#mainBox{
border:1px #f00 solid;
width:300px;
height:230px;
writing-mode: tb-lr;
-webkit-column-count:6;
-moz-column-count:6;
-webkit-column-gap:10px;
-moz-column-gap:10px;
}
#mainBox a{
margin:5px;
padding:0px;
display:inline-block;
width:30px;
height:30px;
border:1px #00f solid;
writing-mode: lr-tb;}
</style>
</head>
<body> <div id="mainBox">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
</div>
</body>
</html> |
注册 登录
