您不需要对PHP或html进行任何代码更改!
假设使用了以下代码:
<ul class="mypagelist">
<?php wp_list_pages(\'sort_column=menu_order&title_li=\'); ?>
</ul>
导致:
<ul class="mypagelist">
<li>Page 1</li>
<li>Page 2</li>
<li>Page 3</li>
<li>Page 4
<ul>
<li>Subpage 1</li>
</ul>
</li>
<li>Page 5</li>
</ul>
按以下方式使用CSS:
.mypagelist { width:600px; /* or any other size */ }
.mypagelist li { float:left; width:290px; margin-right:10px /* width + margin = width of parent divided by 2 */ }
.mypagelist li ul { display: none; /* don\'t show subpages */ }
最后,我们需要在末尾(或包含页面列表调用的容器上)有一个clearing元素。e、 g。
<div style="clear:left;"></div>
, 虽然我会尽可能避免内联样式。
对于任何无序列表、类别、页面、导航菜单等,也可以这样做