• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • css如何设置首行文字缩进?

    在HTML网页中通常一段文字都需要设置首行缩进两个文字,使页面更加美观,我们可以通过css实现这一效果,下面我们就来看一下使用css设置首行文字缩进的方法。

     

     

    css可以使用text-indent属性来设置首行文字缩进,我们可以通过设置text-indent属性的属性值来设置缩进的大小。

    示例:

    设置首行文字缩进两字符:

    <html>
    <head>
    <style type="text/css">
    p {text-indent: 2em}
    </style>
    </head>
    <body>
    <p>
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    这是段落中的一些文本。
    </p>
    </body>
    </html>

     

    text-indent属性说明:

    text-indent属性规定文本块中首行文本的缩进。

    注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

    属性值:

    • length 定义固定的缩进。默认值:0。

    • % 定义基于父元素宽度的百分比的缩进。

    • inherit 规定应该从父元素继承 text-indent 属性的值。

     

    posted @ 2020-05-13 16:36  前端一点红  阅读(3132)  评论(0编辑  收藏  举报
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识