Question

横向排列html代码

如图，友情链接那里变成纵向排列了，请问如何加html代码弄成横向的？
越精简的代码越好

Answer 1

代码如下：

<table ><tr><td width="400" >
<ul style="list-style-type:none;width:100%;clear:left;margin:0">
<li style="display:block;list-style-type:none;float:left;width:50%;">hahaha</li>
<li style="display:block;list-style-type:none;float:left;width:50%;">hehehe</li>
<li style="display:block;list-style-type:none;float:left;width:50%;">wowowo</li>
</ul>
</td></tr></table>

Answer 2

我刚用到这样的：
#link{width:986px;margin-top:5px;}
#link ul li{float:left;width:auto;height:22px;margin-right:5px;overflow:hidden;}
你的代码好像也没什么错，感觉会不会是样式名字搞错了？是fLink吗？或者把position:relative;去掉看看。

Answer 3

<div style="float:left">fffffffffffff</div>
<div style="float:left">dddddddddddd</div>
<div style="float:left">sssssssss</div>

Answer 4

用css设置，要把友情里面的元素的float设成left……你不放代码真说不清楚这个……

追问

我的友情链接的相关css是这个
.fLink { position:relative; }
.fLink ul { padding:0px; float:left; }
.fLink li { padding:0 15px; height:30px; font-size:14px; line-height:30px; float:left; }
.fLink .this { border-top:0px; background:#fff; padding:0 14px; }
.............
已经是left，请问要怎么改？或者最好是html代码

追答

你放的这段css是链接上面tab的css吧？你找找看下面链接的css，如果也设了float就把width设成auto

追问

.fLinkList { width:980px; padding: 5px 9px; float:left; border:1px solid #ddd; border-top:0px; }
.fLinkList a { padding-right:5px; line-height:22px; }
.fLinkList div { display:none; }
这是下面的，你q多少，可以加q看吗

追答

-_-|……貌似好多天没上知道了啊……不知道解决没有……width:980px;这个删掉貌似就行了啊……

Answer 5

你是直接打在上面的还是写在span里面的，还是有什么容器的？

追问

不是直接打的，飞飞cms的，我就想求能通过html代码让它横向排列的代码

追答

不是啊，如果是控件，那把控件拉大一点，如果是每行一个控件，就在最外面的容器里加上overflow:visible

追问

不懂，没控件吧，我只是要html代码

追答

要要要，都不知道你怎么写的，你要什么代码？你连加在哪里都不知道，给你有什么用？！！！