css中设置行高的方法是,利用line-height属性来实现,如【line-height:70%;】。line-height属性是用来设置以百分比计的行高。

本文操作环境$ G \ _ % y I : a:windowa A 4 gs10系统、css 3、thinkpad t480电脑。

在css中我们可以通过lH X N p c ] eine-height属性来设置以百分比计的行高。

属性值:

  • n{ @ u * { ?ormal 默认。设置合理的行间, _ G Y ] ^ ^ E %距。

  • number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。

  • length 设置固定的行间距。

  • % 基于当前字体尺寸的百分比行间距。

  • inherit 规定应该从父元素继承 line-height 属性的值。

举个例子:

<!DOCTYPE html>
<html>
<head>
<m] ~ w O { ,eta charset="utf-8">
<title></title>
<style>
p.small {line-heig0 L \ e {ht:70%;}
p.big {linel u O ^ @ h [ z =-height:200%;}
</style>
</head>
<body>
<p>
这是一个标准行高的段落。<br>
这是` g O l 9 k d M一个标准行高的段落。<br>
大多数浏览器的默认行高约为110%至120%。<br>
</p>
<p class="small">
这是一个更小行高的段落。<br>
这是一个更小行高的段落。<br&1 ? (gt;
这是一个更小行高的段落。<br&g? D $ _ A *t;
这是一个更小行高的段落。<br>
</p>
<p class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这G $ \ z 0 G是一个更大行高的段落。<br>
</p>
</body>
</html>

相关推荐:css视频教程

以上就是css中怎么设置行s , r { r高的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请G + l O y d 1 ?注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn0 g a A | O v j处理

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注