
我现在采用了float left的属性来定义,但是同时我还设定了margin-left 来设定了左外边距,因为我是用ps切图再用div布局的,所以全部都设定了一个统一的外边距来实现所有图片的上下对齐。
这样就导致了一个问题,本来用float left对齐好了的却因margin-left 让图片向右移动了,导致图片还是换行了,从而造成错位,请问能有一个什么办法能让它定住不换到下一行去吗?
要让层并排显示不用设置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;}
红<数橘/div>
绿
蓝
红
绿
蓝
红
绿
蓝
红
绿
蓝
红
绿
蓝
红
绿
蓝
你说的情况多半是因为指定的值不精准,自己微调一下就可以了!滑察大家给你的只是一个思路,一个常用的方法!
display:inline不会妨碍你的排列!!族孙烂有的问题可能就是你凯伍的几个图片加上边距的宽度超过了大框兆漏架的宽度
必要的时候使哗举用float:left;position也要设置好乱野碧,还有clear:both,display:block,不行就用li标记,span标记。div中的图片也设脊搜置float吧
如果cl是div的样式
加.cl img {display:block;}
display:inline-block;