欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载

indent 首行文字缩进教程

发表于2019-06-06 00:37| 次阅读| 来源网络整理| 作者session

摘要:咱们应用DIV CSS text-indent停止段落首行文字缩进,css5为大家引见text-indent缩进语法构造,并经过案例示范图例教大家实

DIV CSS text-indent段落首行文字缩进CSS段首缩进,可控制缩进距离样式教程篇

让每个段落首行扫尾文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式。

一、text-indent缩进语法与构造 .CSS5{text-indent:25px}

这里CSS5对象内段落首行扫尾文字缩进了25像素。

css text-indent文本缩进样式属性单词,text-indent的值跟数字+单位组成缩进样式。

二、css段落段首文字缩进案例

通常text-indent缩进属性将对段落首行扫尾文本文字停止缩进显示。假设利用html br换行标签,第二个换行末尾也不会出现缩进效果。假设利用了html P段落标签段落换行,将会出现每个p段落换行扫尾都将缩进,这里咱们给大家经过案例演示给大家,宿愿经过CSS5案例掌握CSS text-indent缩进样式。

1、CSS代码

.CSS5{ text-indent:35px}

2、HTML代码片段

<div class="CSS5">
<p>第一段末尾缩进效果<br />
利用br标签的换行将不会缩进
</p>
<p>第二段利用p标签段落首行也会缩进<br />
第二行利用了br不会缩进<br />
第三行提行利用了br也不会缩进</p>
</div>

3、段首缩进案例截图

div+css text-indent段落首行文字缩进运用案例截图


div+css text-indent文本段落缩进运用案例截图

三、首行段落文字缩进text-indent总结

咱们要让每段文字扫尾缩进,并且可能控制缩进距离我利用text-indent缩进单词。假设不想利用text-indent样式停止缩进,我可能利用空格来完成,但需求多打几个html空格字符“&nbsp;”完成空格字符占位缩进,你可能具体了解html多空格字符运用。