hi,欢迎访问本站!
当前位置: 首页Web前端正文

css怎么设置文本首行缩进

墨初 Web前端 888阅读

在css样式代码中有一个 text-indent 属性,此属性可以将一段TXT文本进行首行缩进,并且可以设置缩进的长度。

css text-indent 属性

text-indent:设置一个文本块的首行进行缩进,并设置缩进的长度。

注:text-indent 的属性值允许使用负值,如果使用负值,那么首行会被缩进到左边!

语法:

text-indent:length/%/inherit

参数:

描述
length固定值,默认值 0,可使用 px,em 等单位。
%基于父元素宽度的百分比的缩进。
inherit从父元素继承 text-indent 属性的值。

css设置文本块的首行缩进

例:

<style>
    div{
        width: 200px;
        background-color: #f5f5f5;
        padding: 10px;
        font-size: 12px;
    }
    .div1{
        text-indent: 2em; /** 文本块首行缩进 */
        margin-bottom: 20px;
    }
</style>
<div class="div1">
我是一段文字,这里的示例是由 73so.com 提供,更多关于php,js,css,html的教程,请关注 73so.com !
</div>
<div>
我是一段文字,这里的示例是由 73so.com 提供,更多关于php,js,css,html的教程,请关注 73so.com !
</div>

css怎么设置文本首行缩进

运行示例图

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐