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