CSS span标签里面的text-indent为何不起作用

Posted 2023-04-09

span
text-indent: 2em;


并没有首字缩进的效果

对span设置text-indent没有起作用，是因为text-indent只能给块级元素设置。

但是如果让spandisplay:block转换为块级元素，就会换行，还得通过浮动来控制，增加了麻烦。

所以改css为spandisplay:inline-block;。 参考技术A text-indent属性只是在块级元素上才能起到作用，给span加上个 display:block; 就ok了！本回答被提问者采纳 参考技术B

用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值，这会产生一种“悬挂缩进”的效果。

是块级元素，span是行内元素

web前端里面span标签换行吗？

参考技术A 不换行，换行的是<p></P>
如果要强制换行的话可以加样式
style=”display:inline-block;width:60%;word-wrap:break-word;white-space:normal;