html - リンクリストを列として自動的にcssにする

Question

wp_list_pages($args);WordPressサイトでメニューを表示するために使用しています。すべてのリンクを 3 つの列として自動的に表示する必要があります。リンクは、次のように自動的に 3 つの列に折り返されます。

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