为什么span标签对text-indent属性无效呢？p标签有效果
来源：2-11 段落和行相关属性
刘宇阳
2020-11-25 00:07:35
为什么span标签对text-indent属性无效呢？p标签有效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
p {
text-indent: 2ex;
}
span {
text-indent: 2em;
}
</style>
<body>
<p>梦想家阳阳</p>
<span>梦想家阳阳</span>
</body>
</html>
写回答
1回答
-
好帮手慕码
2020-11-25
同学你好，因为 text-indent只能给块级元素设置，而span标签是行内元素，无法生效。可以给span设置display: block; ，让它转为块级标签，这样就可以生效了：
祝学习愉快~
0
相似问题