一行内怎么显示3个div层呢?

请高手指点代码应该怎么写?例如:这一行里放3个图片用层来写,我一写就有一个串下一行去,宽度也设了,不知道为什么!... 请高手指点代码应该怎么写?
例如:这一行里放3个图片用层来写,我一写就有一个串下一行去,宽度也设了,不知道为什么!
展开
 我来答
三思野话
推荐于2017-10-06 · TA获得超过4361个赞
知道答主
回答量:134
采纳率:0%
帮助的人:149万
展开全部

利用CSS中的float属性(流控制)可以进行多列布局,此属性确定了其他内容如何环绕被控制的元素。

1.语法:

float : none | left |right 

2.参数:

none :  对象不浮动

left :  对象浮在左边

right :  对象浮在右边

3.实例:例如有3个div块,其id属性分别为div1、div2、div3,则可以将3个div块的float属性均设为left,就可以依次做横行排列了。

CSS部分:

.divstyle{width:100px; height:200px; float:left; border:solid 1px green}

源代码:

    <div>

    <div id="div1" class="divstyle">div1</div>

    <div id="div2" class="divstyle">div2</div>

    <div id="div3" class="divstyle">div3</div>

    </div>

效果如图:

迪波威
2010-04-10 · TA获得超过209个赞
知道小有建树答主
回答量:185
采纳率:0%
帮助的人:55万
展开全部
<div style="width:50px; float:left"><img src=""/></div>
<div style="width:50px; float:left"><img src=""/></div>
<div style="width:50px; float:left"><img src=""/></div>

这三个div就横排了
float可以让div浮动

还有最后一行最好加个
<div style="clear:both"/><div>
清除浮动来避免不必要的bug
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式