div+css中我设定了display:inline 为了下一个div不换行出现的问题

2025-01-05 17:26:32
推荐回答(5个)
回答1:

要让层并排显示不用设置display的,设置浮动就可以了,全部向左或右浮动就可以实现div并排的布局效果。如下:
.max_div{width:1000px; height:auto;overflow:hidden;}
.min_div1{width:50px; height:50px;overflow:hidden; margin:5px 2px; float:left; background-color:#F00;}
.min_div12{width:50px; height:50px;overflow:hidden; margin:5px 2px; float:left; background-color:#0F0;}
.min_div3{width:50px; height:50px;overflow:hidden; margin:5px 2px; float:left; background-color:#00F;}



绿



绿



绿



绿



绿



绿




你说的情况多半是因为指定的值不精准,自己微调一下就可以了!大家给你的只是一个思路,一个常用的方法!

回答2:

display:inline不会妨碍你的排列!!有的问题可能就是你的几个图片加上边距的宽度超过了大框架的宽度

回答3:

必要的时候使用float:left;position也要设置好,还有clear:both,display:block,不行就用li标记,span标记。div中的图片也设置float吧

回答4:

如果cl是div的样式
加.cl img {display:block;}

回答5:

display:inline-block;