line-height属性遇到的问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了line-height属性遇到的问题相关的知识,希望对你有一定的参考价值。
最近在学习html+css基础,这两天在编写页面的时候,发现有时候使用line-height属性,会变成行间距变的很大的情况,在这里写下总结,由于电脑系统过于low,有些图片就稍后在附加,进入正题:
情况一:
当在一个块中,有一行文字,想要它垂直居中的话,使用我们平常的写法:
line-height:20px;就可以达到想要的效果;
情况二:
在一个块中,如果是多行文字的话,这个时候在使用情况一的方式,好像并
不能达到我们想要的效果,这个时候,我们只需要改变一下取值的方式为百分比
就可以,写法如:
line-height:150%;
【注】前端小白菜,只是想做下笔记提醒一下自己,避免在出现这种错误!!
本文出自 “wjy1” 博客,谢绝转载!
以上是关于line-height属性遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章