多个span中间会有间隙

最新推荐文章于 2022-04-06 20:23:11 发布

chengongbi5057

最新推荐文章于 2022-04-06 20:23:11 发布

阅读量196

点赞数

原文链接：https://my.oschina.net/u/3545872/blog/968410

版权

工作中，同事突然问这个问题，找了好久没找到为什么，结果百度了下，找到了简单的解决办法，就是span后面不要有空格或者换行。下面是简单写了个demo。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>多个span中间有空格</title>
		<style type="text/css">
			span{
				background: yellowgreen;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<span>hello</span>
			<span>world</span>
			<p>可以发现，两个span中间又空隙。如何解决呢？很简单，span后面不要有空格或者换行，例如下面这样</p>
			<span>hello</span><span>world</span>
		</div>
	</body>
</html>

转载于:https://my.oschina.net/u/3545872/blog/968410