TA貢獻1801條經驗 獲得超16個贊
writing-mode 了解一下
<!DOCTYPE html>
<html>
<head>
<style>
#mainBox {
border: 1px #f00 solid;
width: 300px;
height: 250px;
writing-mode: tb-lr;/*IE寫法*/
writing-mode: vertical-lr;
}
#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>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
</div>
</body>
</html>舉報