zoukankan      html  css  js  c++  java
  • 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 属性的值。

  • 相关阅读:
    Ubuntu16.04下安装搜狗输入法及实现中英文转换问题
    OLED的使用-4线SPI驱动
    maven的pom.xml多个仓库配置
    Eclipse快捷键大全
    ubuntu18安装docker
    运行docker大致流程
    docker常用命令
    使用webhooks进行代码的自动化部署
    springboot整合dubbo+zookeeper最新详细
    那些好用到手软的软件和网站
  • 原文地址:https://www.cnblogs.com/ypppt/p/12883233.html
Copyright © 2011-2022 走看看