行内元素的换行会出现空格的解决办法

我是一个小稻米

已于 2022-05-16 15:41:08 修改

阅读量421

点赞数

分类专栏：前端文章标签： css html css3

于 2022-05-14 21:29:05 首次发布

本文链接：https://blog.csdn.net/weixin_44669966/article/details/124774401

版权

前端专栏收录该内容

49 篇文章 2 订阅

订阅专栏

行内元素的换行会出现空格：
在这里插入图片描述

方法一：

上面一行的尖括号`>`放在下面一行的头部

<div class="div1">
		<span class="span1">ds</span
		><span class="span1">cs</span
		><span class="span1">jd</span>
</div>

在这里插入图片描述

方法二：

父元素设置font-size: 0px;子元素设置font-size: 20px;

<style>
.div1 {
	font-size: 0px;
}
.span1 {
	font-size: 20px;
}
</style>
<body>
	<div class="div1">
		<span class="span1">ds</span>
		<span class="span1">cs</span>
		<span class="span1">jd</span>
	</div>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我是一个小稻米

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
行内元素的换行会出现空格的解决办法

行内元素的换行会出现空格：方法一：上面一行的尖括号>放在下面一行的头部<div class="div1"> <span class="span1">ds</span ><span class="span1">cs</span ><span class="span1">jd</span></div>方法二：父元素设置font-size: 0px;子元素设置font-size: 2
复制链接

扫一扫