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 属性的值。

  • 相关阅读:
    springboot集成flowable oracle数据库版本报错
    Vue.js中this.$nextTick()的使用
    Centos下虚拟环境的创建以及python3安装
    SaltStack实战
    第一章 Jenkins安装配置
    JavaScript 常用正则表达式
    ps 掉出字符设备面板,修改颜色等
    博客验证码破解
    我终于想起密码了~
    Linux grep 命令
  • 原文地址:https://www.cnblogs.com/ypppt/p/12883233.html
Copyright © 2011-2022 走看看