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;
}