首页 > 代码库 > line-height属性遇到的问题

line-height属性遇到的问题

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


情况一:

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

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

情况二:

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

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

就可以,写法如:

      line-height:150%;



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

本文出自 “wjy1” 博客,谢绝转载!

line-height属性遇到的问题