大家好，今天小编关注到一个比较有意思的话题，就是关于css空白间距的问题，于是小编就整理了4个相关介绍css空白间距的解答，让我们一起看看吧。

1. css 元素换行产生空白间隙问题
2. 如何解决inline-block元素的空白间距 css 完美解决
3. CSS图片下有间隙如何处理
4. CSS 怎么清除多个a标签之间的默认空白空隙/间距

1、css 元素换行产生空白间隙问题

方***之移除空格 元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就木有了。

在文件夹中创建一个“test”的html文件。如图所示 在里面添加html标签框架。如图所示 在里面添加一个“div”并放入文字。如图所示 然后我们发现默认文字之间比较紧凑。

给div赋予margin： 0px auto；属性，优点是，div内文字不会居中。缺点暂时尚未发现。float用途很广，主要用于div的左右方向排列。

2、如何解决inline-block元素的空白间距 css 完美解决

方***一所说的是通过标签来解决，虽然问题是解决了，但可以说不能称作是技巧。

方案一：给元素设置float：left，缺点高度塌陷，要清除浮动。

inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。

把inline-block元素的父元素的font-size设为0，letter-spacing和word-spacing设为负数，然后再在inline-block元素中把这几个值恢复正常即可。

第一种：把***码之间的换行空白都去掉。例如：第一个inline-block元素第二个inline-block元素第二种：把inline-block元素用一个大的div包起来，然后设置其字体大小为0即可，inline-block元素字体大小再单独设置。

3、CSS图片下有间隙如何处理

用vertical-align：middle | top| bottom等，让图片不和基线对齐。

将图片的diplay设置为block，然后通过margin属性设置边距。CSS margin 属性 定义和用*** margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

css设置图片距离可以用盒子模型的margin属性。

加了后还有的话，在banner外面的div上加上css： line-height：0px；font-size：0px； 来去掉此标签继承外面的行高字体大小的样式。如果这样还有的话，就应该是受其他因素影响的，如导航内部设的margin、padding之类的影响。

4、CSS 怎么清除多个a标签之间的默认空白空隙/间距

在使用行内a标签的时候回发现两个a标签之间存在间距 效果如下：以下有四种清除默认间距的方***。

方案一：给元素设置float：left，缺点高度塌陷，要清除浮动。

打开html开发工具，新建一个html页面。在html页面创建一个div标签，然后在div标签里创建5个a标签。

div的垂直居中问题 vertical-align：middle； 将行距增加到和整个DIV一样高 line-height：200px； 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 margin加倍的问题 设置为float的div在ie下设置的margin会加倍。

到此，以上就是小编对于css空白间距的问题就介绍到这了，希望介绍关于css空白间距的4点解答对大家有用。