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