設定行高
- 由于簡單還是老樣子直接上代碼了哦，注意：
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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/102378.html
標籤：Html/Css
下一篇：做一個好看的可翻轉登錄注冊界面