<html> <head> <style type="text/css"> p.small {line-height: 90%} p.big {line-height: 200%} </style> </head> <body> <p> 拥有标准行高的段落。 在大多数浏览器中默认行高大约是 110% 到 120%。 拥有标准行高的段落。 拥有标准行高的段落。 拥有标准行高的段落。 拥有标准行高的段落。 拥有标准行高的段落。 </p> <p class="small"> 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 </p> <p class="big"> 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 </p> </body> </html>
本文案例为大家展示了如何使用百分比值来设置段落中的行间距的代码，若要看代码效果请大家点击“运行代码”按钮。
[code]<html> <head> <style type=”text/css”> p.small {line-height: 90%} p.big {line-height: 200%} </style> </head> <body> <p> 拥有标准行高的段落。 在大多数浏览器中默认行高大约是 110% 到 120%。 拥有标准行高的段落。 拥有标准行高的段落。 拥有标准行高的段落。 拥有标准行高的段落。 拥有标准行高的段落。 </p> <p class=”small”> 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 拥有更小的行高。 </p> <p class=”big”> 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 拥有更大的行高。 </p> </body> </html>[/code]
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何使用百分比值来设置段落中的行间距-CSS 文本实例
转载请注明原文链接：如何使用百分比值来设置段落中的行间距-CSS 文本实例
