php代码中列表怎么实现横向排列!
代码:<h2>友情链接:</h2><ul><?phpwp_list_bookmarks('title_li=&categorize=0&orderby=rand&limi...
代码:
<h2>友情链接:</h2>
<ul> <?php wp_list_bookmarks
('title_li=&categorize=0&orderby=rand&limit=24'); ?>
</ul>
</div>
现在的结果如下:
友情链接:
XXXXXXX1
XXXXXXX2
XXXXXXX3
XXXXXXX4
想实现这样的结果:
友情链接:XXXXX 1 XXXXX 2 XXXXX3 XXXX4 展开
<h2>友情链接:</h2>
<ul> <?php wp_list_bookmarks
('title_li=&categorize=0&orderby=rand&limit=24'); ?>
</ul>
</div>
现在的结果如下:
友情链接:
XXXXXXX1
XXXXXXX2
XXXXXXX3
XXXXXXX4
想实现这样的结果:
友情链接:XXXXX 1 XXXXX 2 XXXXX3 XXXX4 展开
2012-11-29 · 知道合伙人软件行家
关注
展开全部
使用css来实现
css
ul{list-style: none;}
li{
width: 60px;
float: left;
margin: 0 10px 0 0;
padding: 5px;
}
a{
display: block;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
html
<h2>友情链接:</h2>
<ul>
<li><a href="#">子标题1</a></li>
<li><a href="#">子标题2</a></li>
<li><a href="#">子标题3</a></li>
<li><a href="#">子标题4</a></li>
<li><a href="#">子标题5</a></li>
<li><a href="#">子标题6</a></li>
</ul>
实际使用时,使用php循环来生成li标签即可
css
ul{list-style: none;}
li{
width: 60px;
float: left;
margin: 0 10px 0 0;
padding: 5px;
}
a{
display: block;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
html
<h2>友情链接:</h2>
<ul>
<li><a href="#">子标题1</a></li>
<li><a href="#">子标题2</a></li>
<li><a href="#">子标题3</a></li>
<li><a href="#">子标题4</a></li>
<li><a href="#">子标题5</a></li>
<li><a href="#">子标题6</a></li>
</ul>
实际使用时,使用php循环来生成li标签即可
追问
我还有一个问题想请教,但是这无法描述!你的Q号多少?我的是421632296 谢谢!~
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询