1.
margin
元素之间的间距有很大一部分是由于margin属性产生的。如果大家想要消除两个元素之间的间距,可以把其中一个元素的margin设置为0。比如:
.first-element { margin-bottom: 0; } .second-element { margin-top: 0; }
2.
line-height
在文字排版的时候,line-height属性会影响到文字之间的距离。如果大家想要消除两个元素之间的文本之间的距离,可以把line-height属性设置为与font-size相同的值。比如:
.element { font-size: 16px; line-height: 16px; }
3.
font-size
如果大家想要消除两个元素之间的图片或者其他非文本元素之间的距离,可以把它们的font-size设置为0。比如:
.image { font-size: 0; }
总结:
以上是CSS消除元素之间的间距的三种方法,它们结合起来可以帮助大家消除各种不必要的间距。