内联元素间距问题

进击的前端小白

于 2018-05-27 17:51:06 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/qq_42051213/article/details/80470917

html 专栏收录该内容

5 篇文章

订阅专栏

只要是对内联元素进行排列时，基本都会碰到内联元素的默认间距问题

1.间距时怎样产生的：

默认间距一般是我们两个元素在输入时就有的，为了阅读性，系统会默认就会隔开一段距离；如果元素是紧紧相连时，这个间距是没有的

<body>
	<div >
	<img src="img/fab181a323a3f709f566ce8ce8d5c3bd.jpg"><img src="img/fab181a323a3f709f566ce8ce8d5c3bd.jpg">
	<img src="img/fab181a323a3f709f566ce8ce8d5c3bd.jpg">
	</div>
</body>

2.消除间距的方法：

letter-spacing/word-spacing调整元素间距

font-size：0；

display:block;然后调整样式

float：left