美文网首页前端面试
由display:inline-block导致的边距解决方案

由display:inline-block导致的边距解决方案

作者: i_木木木木木 | 来源:发表于2017-08-16 10:42 被阅读56次

分类:CSS

设置display:inline-block之后会导致右边距(空格)及下边距(换行)

解决方案:

1. 对该对象设置负边距

2. 对上级对象设置font-size:0;

这两个方法都有缺点,所以很多时候都避免使用inline-block了= =

*有个说法是还需要设置vertical-align:top;

相关文章

网友评论

    本文标题:由display:inline-block导致的边距解决方案

    本文链接:https://www.haomeiwen.com/subject/ojtirxtx.html