定位中line-height:0
时间: 2024-06-13 17:09:33 浏览: 172
inline与line-height、float、absolute的故事
在定位中,将line-height设置为0可以实现一些特殊的效果,例如清除inline-block元素之间的空隙或者实现一些特殊的布局。具体来说,当一个元素的line-height设置为0时,它的高度将会变成0,但是它的内容仍然会被显示出来。这个特性可以用来清除inline-block元素之间的空隙,例如:
```html
<div class="parent">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
```
```css
.parent {
font-size: 0;
}
.child {
display: inline-block;
width: 100px;
height: 100px;
background-color: red;
}
```
在上面的例子中,由于inline-block元素之间有空格,它们之间会有一定的间距。通过将父元素的font-size设置为0,可以消除这个间距。但是由于子元素的高度不为0,它们之间仍然会有一定的间距。通过将子元素的line-height设置为0,可以消除这个间距,实现完全没有间距的效果。
阅读全文