html - 自动将链接列表设为列 css

Question

我正在使用 wp_list_pages($args); 在我的 wordpress 站点中显示菜单。我需要自动将所有链接显示为三列。链接应自动换行成三列，如下所示。

我如何使用 css 实现此目的？

Answer 1

相应地更改值。

http://jsfiddle.net/TABVe/

HTML

<div class="menu">
<a href="#">test link</a>
<a href="#">test link</a>
<a href="#">test link</a>
<a href="#">test link</a>
<a href="#">test link</a>
<a href="#">test link</a>
</div>

CSS

.menu {
width: 200px;
height: 200px;
}
.menu a {
display: inline-block;
float: left;
margin-right: 10px;
width: 60px;
}
.menu a:nth-child(3n) {
margin-right: 0px;
clear: right;
}