这是一件商品的介绍
生成网页中的显示 如图 ，请问 怎么样在同一网页中让多个这样的商品介绍横排？直接加代码 会在这件商品下面出现下一商品！求 怎么样让多个商品介绍横排版？在原有的代码中删除或添加什么？
求助 网页制作高手
答案:6 悬赏:0 手机版
解决时间 2021-04-13 03:14
- 提问者网友：留有余香
- 2021-04-12 07:38
最佳答案
- 五星知识达人网友：西风乍起
- 2021-04-12 08:08
div的style的float属性设置为left，display设置为block就可以了。
<div style="display:block;float:left">商品1</div>
<div style="display:block;float:left">商品2</div>
<div style="display:block;float:left">商品3</div>
全部回答
- 1楼网友：未来江山和你
- 2021-04-12 12:44
<style type="text/css">
#prod{
width:980px;height:300px;margin:0;padding:0;
}
#prod ul{ overflow:hidden}
#prod li{width:188px;height:200px; overflow:hidden;margin-bottom:20px;float:left; border-left:1px
dotted #0066CC; margin-left:-1px;}
</style>
<div id="prod">
<ul style="margin:0">
<li>
<table width="188" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center">上市：</td></tr>
<tr><td align="center">网络:</td></tr>
<tr><td align="center">价格:</td></tr>
</table>
</li>
<li>
<table width="188" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center">上市：</td></tr>
<tr><td align="center">网络:</td></tr>
<tr><td align="center">价格:</td></tr>
</table>
</li>
<li>
<table width="188" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center">上市：</td></tr>
<tr><td align="center">网络:</td></tr>
<tr><td align="center">价格:</td></tr>
</table>
</li>
<li>
<table width="188" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center">上市：</td></tr>
<tr><td align="center">网络:</td></tr>
<tr><td align="center">价格:</td></tr>
</table>
</li>
<li>
<table width="188" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center">上市：</td></tr>
<tr><td align="center">网络:</td></tr>
<tr><td align="center">价格:</td></tr>
</table>
</li>
</ul>
</div>
- 2楼网友：低血压的长颈鹿
- 2021-04-12 11:05
那相关的页面代码贴住来看看啊
- 3楼网友：鱼忧
- 2021-04-12 10:50
float:left; 这个是向左排列的代码 你要在CSS中用到
- 4楼网友：洎扰庸人
- 2021-04-12 09:24
能不能看看原来的代码
- 5楼网友：一把行者刀
- 2021-04-12 08:13
最简单的方法是打表格，一行多列的那种，把他们放在TD里。就一定会并排了。
比如他们的代码是
<div>
一大段
</div>
你改成
<table><tr>
<td>
<div>
一大段
</div>
</td>
<td>
<div>
一大段
</div>
</td>
<td>
<div>
一大段
</div>
</td>
</tr></table>
然后调整表格的大小就好
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯