如何给HTML页面设置行高
生活随笔
收集整理的這篇文章主要介紹了
如何给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>
總結
以上是生活随笔為你收集整理的如何给HTML页面设置行高的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用postman和SAP C4C OD
- 下一篇： 给产品经理背景的朋友介绍SAP C4C