横向排列html代码

Posted 2023-03-09

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

参考技术A 代码如下：

<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> 参考技术B 我刚用到这样的：
#linkwidth:986px;margin-top:5px;
#link ul lifloat:left;width:auto;height:22px;margin-right:5px;overflow:hidden;
你的代码好像也没什么错，感觉会不会是样式名字搞错了？是fLink吗？或者把position:relative;去掉看看。 参考技术C <div style="float:left">fffffffffffff</div>
<div style="float:left">dddddddddddd</div>
<div style="float:left">sssssssss</div> 参考技术D 用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;这个删掉貌似就行了啊……

本回答被提问者采纳 第5个回答  2012-09-28 你是直接打在上面的还是写在span里面的，还是有什么容器的？追问

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

追答

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

追问

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

追答

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