首页 > 代码库 > 去除内联元素(inline-block元素)之间的间距

去除内联元素(inline-block元素)之间的间距

说这个是因为inline元素和inline-block默认都会有间距,怎么去掉默认距离呢?

1:用浮动 float:left;

2:先设定子元素字体,再设置父元素font-size:0px(这个方法在不能用浮动的时候用 用过 挺管用的)

3:相关标签之间的  闭合标签不要换行  (这个维护起来比较麻烦,程序猿可能不懂 之间换行之类的)

4:设置margin-right为负值,但要考虑上下文的字体和文字大小

5:设置父元素letter-spacing或word-spacing为负值,要考虑字体,子元素有文字也要注意设置letter-spacing或word-spacing的值

 

去除内联元素(inline-block元素)之间的间距