CSS中span元素与text-indent(段落缩进)的应用

最新推荐文章于 2022-02-16 16:05:13 发布

阅读量203

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ccdc/archive/2011/07/22/2113997.html

本文通过三种不同情况探讨了如何在CSS中利用span元素实现文本首行缩进效果，包括直接设置text-indent属性、将span作为块级元素处理及在p标签后使用span等方法。

<html>
<head>
<title>测试span元素</title>
</head>

<body>
第一种情况：直接使用text-indent <br />
<span style="text-indent:2em;">缩进的内容</span>
<hr>

第二种情况：使用display把span定义成block <br />
<span style="display:block;text-indent:2em;">缩进的内容</span>
<hr>

<p>第三种情况：直接使用text-indent,但在这个span前是一个block型的元素p </p>
<span style="text-indent:2em;">缩进的内容</span>
</body>
</html>

转自：时尚樱子咖啡厅 CSS中span元素与text-indent(段落缩进)的应用

转载于:https://www.cnblogs.com/ccdc/archive/2011/07/22/2113997.html