最近在学习html+css基础,这两天在编写页面的时候,发现有时候使用line-height属性,会变成行间距变的很大的情况,在这里写下总结,由于电脑系统过于low,有些图片就稍后在附加,进入正题:
情况一:
当在一个块中,有一行文字,想要它垂直居中的话,使用我们平常的写法:
line-height:20px;就可以达到想要的效果;
情况二:
在一个块中,如果是多行文字的话,这个时候在使用情况一的方式,好像并
不能达到我们想要的效果,这个时候,我们只需要改变一下取值的方式为百分比
就可以,写法如:
line-height:150%;
【注】前端小白菜,只是想做下笔记提醒一下自己,避免在出现这种错误!!
转载于:https://blog.51cto.com/9993849/1939491