建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > div+css > CSS属性之line-height行高介绍

CSS属性之line-height行高介绍

时间:2015-06-05 16:05:59  来源:免费模板网 作者:风雪 阅读次数 tagscss标签

我们在写页面的时候,有时候文本之间的距离隔的比较挤,这个时候怎么办呢,这个时候可以用到本文介绍的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 class="small">


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

</p>

<p class="big">


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

</p>

</body>
</html>

本文地址:https://www.freemoban.com/bjrm/2015/0605/2117.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!