Jquery中文网 > CSS教程 > 经典实例 > 正文 CSS line-height 简单教程

CSS line-height 简单教程

发布时间：2020-05-18 编辑：www.jquerycn.cn

jquery中文网为您提供CSS line-height 简单教程等资源，欢迎您收藏本站，我们将为您提供最新的CSS line-height 简单教程资源

定义
line-height 定义两行之前的高度。

继承：是

注：负值是不容许的。

JavaScript的语法
的CSS属性也可以动态改变一个JavaScript 。

脚本语法： object.style.lineHeight = “ 2 ”

来看个line-height实例教程吧.

p
{
line-height: 1.4
}

p
{
line-height: 14pt
}

p
{
line-height: 140%
}

来看个实例.

<html>
<head>
<style type="text/css">
p.small
{
line-height: 10px
}
p.big
{
line-height: 30px
}
</style>
</head>
<body>

<p>

这是第一个标准线的高度。
默认行高在大多数浏览器是20px 。
这是第一个标准线的高度。
这是第一个标准线的高度。

</p>

这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。

</p>

这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。

</p>

</body>
</html>
会看到什么效果呢.

上一篇：css中margin和padding用法区别介绍下一篇：css实现tips小提示效果代码

[关闭]