为什么垂直居中的高要和行高一样呢,也就是说为什么line-height=height呢,如果是居中为什么不是一半的距离呢,怎样理解垂直居中这个概念呢?希望各位大神能多帮忙,谢谢大家!
垂直居中,就是相对于某个高度居中,打个比方说,一个层高度为1000px,那么相对于1000px垂直居中的高度就是500px,希望对你有帮助
比如你的line-height设置成50px,里面的一行占50px,而一行的内容在50px的高度下垂直居中,所以要想内容在容器中垂直居中就只要设置成与容器高度一样的就行
按照自己的学习习惯,学习一门编程,如果不是要完全理解之后才懂得如何运用的东西,我们就接收好了。大比方说,当line-height=height时,我们记得他可以使得文本内容垂直居中就行了。少点专牛角尖,这样效率更高。希望对你有用。
你可以把行高理解为一行和一行的间距
----------
element --------
---------- 把这个理解为行高
element --------
----------
line-height和height也可以不一样,但是为了省事,一般都设置成一样,记住这个就行。理解要自己去慢慢体会。可以自己试试不一样时候的麻烦,感受下。