小白教程
所有教程
关于
Search
108.162.216.44
108.162.216.44
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Pr dim line height”的源代码
本页内容
上一节:
Pr_text_letter_spacing
下一节:
Pr_text_text_align
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:line-height}}[[Category:css reference|183]] = CSS line-height 属性 = 使用百分比设置行高: <sample title="" desc="" lang="html" hererun="1"> p.small {line-height:90%} p.big {line-height:200%} </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> p.small {line-height:70%;} p.big {line-height:200%;} </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> </run> 在此页底部有更多的例子。 == 属性定义及使用说明 == 设置以百分比计的行高:. '''注意:''' 负值是不允许的 {| class="table table-striped table-hover" | 默认值: | normal |- | 继承: | yes |- | 版本: | CSS1 |- | JavaScript 语法: | object.style.lineHeight="2" |} == 浏览器支持 == 表格中的数字表示支持该属性的第一个浏览器版本号。 {| class="table table-striped table-hover" ! 属性 ! Chrome ! Internet Explorer / Edge ! Firefox ! Safari ! Opera |- | line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |} == 属性值 == {| class="table table-striped table-hover" ! 值 ! 描述 |- | normal | 默认。设置合理的行间距。 |- | number | 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 |- | length | 设置固定的行间距。 |- | % | 基于当前字体尺寸的百分比行间距。 |- | inherit | 规定应该从父元素继承 line-height 属性的值。 |} == 更多实例 == [[try.php?filename=trycss_dim_line height_pixel|使用像素值设置行间距]] 本例演示如何使用像素值来设置段落中的行间距。 [[try.php?filename=trycss_dim_line height_number|使用数值来设置行间距]] 本例演示如何使用一个数值来设置段落中的行间距。 == 相关文章 == CSS 教程: [[css text|CSS Text]]
返回至“
Pr dim line height
”。
上一节:
Pr_text_letter_spacing
下一节:
Pr_text_text_align