如何让一段文字居中,在人类眼中这么简单的问题,却成了CSS界多年头疼的问题。关于居中的文字很多,但是每次用到的时候还是会出问题。什么是单“中”?css中有两个不同的名字:center和middle。center用于水平居中,middle用于垂直居中。你可以使用中心)。水平居中比较简单,但是垂直居中的问题如果没有搞清楚,这一次就算做了,下次情况稍有不同,就会变得手足无措。关于垂直居中,CSS中最基本的属性是vertical-align。要理解vertical-align,首先要理解baseline,因为vertical-align的默认值是baseline。MDN文档中只有一句话:baseline:default。该元素放置在父元素的基线上。那么这个父元素的基线是什么鬼?我们如何确定父元素的基线在哪里?我们先看一个简单的例子:
bbb
ccc
ddd
eee
fff