温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在css中设置段落缩进

发布时间:2021-04-15 18:00:05 来源:亿速云 阅读:247 作者:Leah 栏目:web开发

这篇文章将为大家详细讲解有关怎么在css中设置段落缩进,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

text-indent缩进语法与结构

.divcss5{text-indent:25px}

这里divcss5对象内段落首行开头文字缩进了25像素。

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

css段落段首文字缩进案例

通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。如果使用html br换行标签,第二个换行开始也不会出现缩进效果。如果使用了html P段落标签段落换行,将会出现每个p段落换行开头都将缩进,这里我们给大家通过案例演示给大家,希望通过DIVCSS5案例掌握CSS text-indent缩进样式。

CSS代码

.divcss5{
 text-indent:35px
 }

HTML代码片段

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

运行结果:

怎么在css中设置段落缩进

关于怎么在css中设置段落缩进就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI