一行内怎么显示3个div层呢?
请高手指点代码应该怎么写?例如:这一行里放3个图片用层来写,我一写就有一个串下一行去,宽度也设了,不知道为什么!...
请高手指点代码应该怎么写?
例如:这一行里放3个图片用层来写,我一写就有一个串下一行去,宽度也设了,不知道为什么! 展开
例如:这一行里放3个图片用层来写,我一写就有一个串下一行去,宽度也设了,不知道为什么! 展开
2个回答
展开全部
利用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>
效果如图:
展开全部
<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
<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
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询