如何删除Div之间的空格

时间:2014-03-09 07:35:42

标签: css html

我在页面上有几个div并希望div像拼图一样合适但当其中一个div比其他div长时,div的第二行从第1行最亮的div的底部开始在空间中向上移动和覆盖我尝试过vertical-align和其他所有相关的东西,但仍然不是我想要的结果

4 个答案:

答案 0 :(得分:2)

为你的div尝试这个css代码 -

div {float:left}

答案 1 :(得分:1)

您可以在float上使用display: inline-blockdiv

答案 2 :(得分:0)

您可以使用绝对定位以您想要的方式定位所有div。或者,使用top属性的负值进行相对定位。如果您正在使用表,请不要使用多行。行的高度是各列的最大高度。

答案 3 :(得分:0)

或者,如果您愿意使用jQuery,jQuery Masonry是一个很棒的库,可以完全满足您的需求:http://masonry.desandro.com/