CSS怎么控制行高?
css中,调整每行文字字体间距(行距)是使用line-height属性。
● line-height 属性设置行间的距离(行高)。
注:不允许使用负值。
要实现上下换行文字行间距行高样式其实我们只用对文字所在对象设置line-height样式即可,一般行距值设置大于14px以上即可,根据css字体大小,css行高值不能小于字体值,不然行距设置值比字体大小值小后字体会重叠一部分,形成不兼容效果。
示例:(相关课程推荐:css视频教程)
<style> .p{ font-size: 14px; line-height: 18px; border: 1px solid #000; } </style> <body> <p class="p"> 这还是测试文字这还是测试文字这还是测试文字这还是测试文字 这还是测试文字这还是测试文字这还是测试文字这还是测试文字这还是测试文字 这还是测试文字这还是测试文字这还是测试文字这还是测试文字这还是测试文字 这还是测试文字这还是测试文字这还是测试文字这还是测试文字这还是测试文字 这还是测试文字这还是测试文字这还是测试文字这还是测试文字这还是测试文字 这还是测试文字 </p> </body>
效果:
可以看见,当line-height为负值时,就失效了,所以不能设置负值。