如何給HTML頁面設置行高

時間 2019-11-17

標籤如何 html 頁面設置欄目 HTML 简体版

原文原文鏈接

設置行高

因爲簡單仍是老樣子直接上代碼了哦，注意：line-height屬性值能夠使用固定值如：20px..和百分好比：20%。
若是想讓文字垂直居中以下：行高的主要做用是用來設置文本的垂直方向居中對齊行高的值與高度的值同樣便可。
讓咱們進入line-height屬性實踐，實踐內容如：將p標籤行高設置爲20px。
代碼塊html

<!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>

結果圖ui

注意：使用百分好比下簡陋的代碼塊。code

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

相關標籤/搜索