line-height属性遇到的问题

Posted 2020-09-23

最近在学习html+css基础，这两天在编写页面的时候，发现有时候使用line-height属性，会变成行间距变的很大的情况，在这里写下总结，由于电脑系统过于low，有些图片就稍后在附加，进入正题：

情况一：

      当在一个块中，有一行文字，想要它垂直居中的话，使用我们平常的写法：

line-height：20px;就可以达到想要的效果；

情况二：

    在一个块中，如果是多行文字的话，这个时候在使用情况一的方式，好像并

不能达到我们想要的效果，这个时候，我们只需要改变一下取值的方式为百分比

就可以，写法如：

      line-height:150%;

【注】前端小白菜，只是想做下笔记提醒一下自己，避免在出现这种错误！！

本文出自 “wjy1” 博客，谢绝转载！