• 技术文章 >Web开发 >css教程

    css首行缩进text-indent的实现

    小妮浅浅小妮浅浅2021-10-11 10:00:52原创4699

    元素的首行不会自动缩进的,如果使用&nbsp来代替,会出现很多冗余代码。

    1、可以使用text-indent来实现文字缩进的效果。

    2、缩进值的大小应该为字体大小的两倍,想要缩进几个字符,就把缩进值改为字体大小的几倍。

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    <!DOCTYPE html>

    <html>

        <head>

            <meta name="keywords" content="个人主页,HTML学习笔记"/>

            <meta name="author" content="Like_Frost"/>

            <meta name="description" content="学习示例"/>

            <meta name="copyright" content="版权所有,转载前请联系"/>

            <style type="text/css">

                p{

                    font-size: 20px;

                    text-indent: 40px;

                    width: 300px;

                }

            </style>

        </head>

        <body>

            <p>

                p 元素的首行不会自动缩进的,如果使用 & nbsp ;来代替,会出现很多冗余代码,所以可以使用 text-indent 来实现文字缩进的效果。

            </p>

        </body>

    </html>

    以上就是css首行缩进text-indent的实现,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css text-indent
    上一篇:css中背景定位有哪些方法 下一篇:css文本修饰text-decoration的使用

    相关文章推荐

    • CSS简单常用属性的总结• CSS有哪些高级选择器• CSS伪类选择器是什么• CSS超链接a标签的状态• CSS背景颜色的表示方法• css中有哪些类型的样式表• css module解决命名冲突• css global在类名的应用• CSS设计模式之ITCSS的介绍• css边距重叠是什么• css中a标签伪类如何使用• css中背景定位有哪些方法

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网