由display:inline-block导致的边距解决方案
2017-08-16 本文已影响56人
i_木木木木木
分类:CSS
设置display:inline-block之后会导致右边距(空格)及下边距(换行)
解决方案:
1. 对该对象设置负边距
2. 对上级对象设置font-size:0;
这两个方法都有缺点,所以很多时候都避免使用inline-block了= =
*有个说法是还需要设置vertical-align:top;
分类:CSS
设置display:inline-block之后会导致右边距(空格)及下边距(换行)
解决方案:
1. 对该对象设置负边距
2. 对上级对象设置font-size:0;
这两个方法都有缺点,所以很多时候都避免使用inline-block了= =
*有个说法是还需要设置vertical-align:top;