這篇文章將為大家詳細講解有關html行高的設置方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。 3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
html設置行高的方法：首先創建一個HTML示例文件；然后在body中通過p標簽創建幾行文本內容；最后通過給文本添加“line-height:20px;”樣式來設置行高即可。
本文操作環境：windows7系統、HTML5&&CSS3版，DELL G3電腦。
如何給HTML頁面設置行高
設置行高
由于簡單還是老樣子直接上代碼了哦，注意：line-height屬性值可以使用固定值如：20px..和百分比如：20%。
如果想讓文字垂直居中如下：行高的主要作用是用來設置文本的垂直方向居中對齊行高的值與高度的值一樣即可。
讓我們進入line-height屬性實踐，實踐內容如：將p標簽行高設置為20px。
代碼塊
<!DOCTYPE html>
<html>
<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>關于“html行高的設置方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
