如何给HTML页面设置行高
生活随笔
收集整理的這篇文章主要介紹了
如何给HTML页面设置行高
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
設(shè)置行高
由于簡(jiǎn)單還是老樣子直接上代碼了哦，注意：line-height屬性值可以使用固定值如：20px..和百分比如：20%。
如果想讓文字垂直居中如下：行高的主要作用是用來(lái)設(shè)置文本的垂直方向居中對(duì)齊行高的值與高度的值一樣即可。
讓我們進(jìn)入line-height屬性實(shí)踐，實(shí)踐內(nèi)容如：將p標(biāo)簽行高設(shè)置為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>設(shè)置字符和單詞距離</title>
<style>
p{
line-height: 20px;
}
</style>
</head>
<body>
<p>成功不是打敗別人，而是改變自己。</p>
<p>成功不是打敗別人，而是改變自己。</p>
<p>成功不是打敗別人，而是改變自己。</p>
</body>
</html>
結(jié)果圖
注意：使用百分比如下簡(jiǎn)陋的代碼塊。
<style>
p{
line-height: 20%;
}
</style>
總結(jié)
以上是生活随笔為你收集整理的如何给HTML页面设置行高的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 使用postman和SAP C4C OD
- 下一篇： 哪吒纯电GT跑车遭贬低 CEO回应：就喜