為何使用了vertical-align:middle卻不垂直居中

 

 

 

 

之前一直以為要使元素b在元素a里面垂直居中，只需要設置元素b:vertical:middle以及display:inline-block,就行了。但是實時是很多時候。都沒變化。 這是因為雖然讓元素b設置了屬性vertiacl:middle,但是元素b並沒有參照物。沒有基線對照。所以是不會變化的。這個時候只要加一個高度100%的空的行內元素，並且設置vertical:middle，就會發現元素b居中了。因為此時元素b有了對照基線，所以就居中了。