如何給HTML頁面設置行高


設置行高

  • 由於簡單還是老樣子直接上代碼了哦,注意:line-height屬性值可以使用固定值如:20px..和百分比如:20%。
  • 如果想讓文字垂直居中如下:行高的主要作用是用來設置文本的垂直方向居中對齊行高的值與高度的值一樣即可。
  • 讓我們進入line-height屬性實踐,實踐內容如:將p標簽行高設置為20px。
  • 代碼塊

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>設置字符和單詞距離</title>
    <style>
        p{
            line-height: 20px;
        }
    </style>
</head>
<body>
    <p>成功不是打敗別人,而是改變自己。</p>
    <p>成功不是打敗別人,而是改變自己。</p>
    <p>成功不是打敗別人,而是改變自己。</p>

</body>
</html>
  • 結果圖

  • 注意:使用百分比如下簡陋的代碼塊。

    <style>
        p{
            line-height: 20%;
        }
    </style>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM