如何调整 CSS 行间距？有哪些方式
发布时间：2023-10-17 09:44:34 所属栏目：语言 来源：
导读：这篇文章将为大家详细讲解有关“CSS对行间距设置可以怎样做，方法是什么”的知识，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
1、使用数值来设置行间距，是拥
1、使用数值来设置行间距，是拥
|
这篇文章将为大家详细讲解有关“CSS对行间距设置可以怎样做，方法是什么”的知识，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。 1、使用数值来设置行间距，是拥有标准行高的段落。 默认行高大约是1。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用数值来设置行间距</title> <style type="text/css"> p.small { line-height: 0.5 } p.big { line-height: 2 } </style> </head> <body> <p> 这是拥有标准行高的段落。 默认行高大约是1。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 </p> <p> 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 </p> <p> 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 </p> </body> </html> 2、使用百分比设置行间距，line-height属性指定了一个百分数，则会相对于字体去计算行高。在大多数浏览器中默认行高大约是 110% 到 120%。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用数值来设置行间距</title> <style type="text/css"> p.small { line-height: 80%; } p.big { line-height: 200%; } </style> </head> <body> <p> 这是拥有标准行高的段落。 在大多数浏览器中默认行高大约是 110% 到 120%。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 </p> <p> 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 </p> <p> 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 </p> </body> </html> （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
