• 【前端开发】:行间距和首行缩进


    1.行间距使用line-height属性

    2.首行缩进使用text-indent,单位为em,一个em就是一个汉字的宽度

    3.文字居中使用text-align:center为居中,right则放到最右边,left放到最左边

    代码如下所示:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>行间距</title>
        <style>
            p
            {
            line-height:50px;
            text-indent:2em;/# 2em就是两个汉字的宽度  #/
            }
            h3
            {
            text-align:center
            }
        </style>
    </head>
    <body>
    <h3>海贼王的创作背景</h3>
    <p>《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品,于1997年7月22日在集英社《周刊少年Jump》开始连载。改编的电视动画《航海王》于1999年10月20日起在富士电视台首播。
    2012年5月11日,《航海王》获得第41回日本漫画家协会赏 [1]  。本作被吉尼斯世界纪录官方认证为“世界上发行量最高的单一作者创作的系列漫画” [2]  。2017年7月21日,日本纪念日协会通过认证,将每年的7月22日设立为“ONE PIECE纪念日” [3]  。
    </p>
    <p>
        这的确是一部十分伟大的电影,大家都非常喜欢观看
    </p>
    </body>
    </html>

    显示结果为:

     备注:使用首行缩进就可以将每一个段落都进行缩进,省去了很多麻烦事。

    行内块元素。

  • 相关阅读:
    模板库
    LCT小结
    BZOJ1502: [NOI2005]月下柠檬树
    技术资料分享
    ORM介紹及ORM優點、缺點
    依賴注入入門——Unity(二)
    面向切面編程入門(一)
    依賴注入入門——Unity(一)
    WCF、.Net Remoting、Web Service概念及区别
    深入设计模式(四)——建造者模式
  • 原文地址:https://www.cnblogs.com/geeksongs/p/14384702.html
Copyright © 2020-2023  润新知