CSS text-indent段落首行文字缩进
导读:DIV CSS text-indent段落首行文字缩进,CSS段首缩进,可控制缩进距离样式教程篇 让每个段落首行开头文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式。 一、text-indent缩进语法与结构 -...
DIV CSS text-indent段落首行文字缩进,CSS段首缩进,可控制缩进距离样式教程篇
让每个段落首行开头文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式。
一、text-indent缩进语法与结构 - TOP
.divcss5{
text-indent:25px}
这里divcss5对象内段落首行开头文字缩进了25像素。
css text-indent文本缩进样式属性单词,text-indent的值跟数字+单位组成缩进样式。
二、css段落段首文字缩进案例 - TOP
通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。如果使用html br换行标签,第二个换行开始也不会出现缩进效果。如果使用了html P段落标签段落换行,将会出现每个p段落换行开头都将缩进,这里我们给大家通过案例演示给大家,希望通过DIVCSS5案例掌握CSS text-indent缩进样式。
1、CSS代码
.divcss5{
text-indent:35px}
2、HTML代码片段
- 第一段开始缩进效果
- 使用br标签的换行将不会缩进
- 第二段使用p标签段落首行也会缩进
- 第二行使用了br不会缩进
- 第三行提行使用了br也不会缩进
3、段首缩进案例截图
div+css text-indent文本段落缩进应用案例截图
三、首行段落文字缩进text-indent总结 - TOP
我们要让每段文字开头缩进,并且可以控制缩进距离我使用text-indent缩进单词。如果不想使用text-indent样式进行缩进,我可以使用空格来实现,但需要多打几个html空格字符"& nbsp; "实现空格字符占位缩进,你可以详细了解html多空格字符应用。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS text-indent段落首行文字缩进
本文地址: https://pptw.com/jishu/663948.html