css中怎么设置行高
时间:2021-05-22 来源:互联网
今天PHP爱好者为您带来css中设置行高的方法是,利用line-height属性来实现,如【line-】。line-height属性是用来设置以百分比计的行高。希望对大家有所帮助。
css中怎么设置行高
本文操作环境:windows10系统、css 3、thinkpad t480电脑。
在css中我们可以通过line-height属性来设置以百分比计的行高。
属性值:
normal 默认。设置合理的行间距。
number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。
% 基于当前字体尺寸的百分比行间距。
inherit 规定应该从父元素继承 line-height 属性的值。
举个例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p.small {line-}
p.big {line-}
</style>
</head>
<body>
<p>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
大多数浏览器的默认行高约为110%至120%。<br>
</p>
<p class="small">
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br>
</p>
<p class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</p>
</body>
</html>
以上就是css中怎么设置行高的详细内容,更多请关注php爱好者其它相关文章!
-
-
地铁里冲我笑的不是帅哥,是广告牌 2025-06-07
-
币安怎么购买Snek(GHO)币?GHO币购买教程与币安binance下载入口 2025-06-07
-
-
洗发水买一赠一,我终于有了女朋友的错觉 2025-06-07
-