關於vertical-align:middle實現徹底居中

• vertical-align只對內聯元素有效
• vertical-align:middle是讓該元素的中心和x-height BOX也能夠說就x這個單詞的交叉點對齊，可是每每不一樣的字體會有不一樣程度的下沉，也就是說x字母的交點不是和該元素的中心點在同一水平線上，字體size越大，越明顯，因此平時咱們使用css該屬性只是近似垂直居中，一般咱們設置的字體大小不會特別大，也就12px到18px之間，偏差也就1-2px之間
• 解決的方法就是設置外層dom的字體大小爲0，或者設置line-height爲0，固然line-height的值是依賴字體大小的，因此設置了字體大小爲0，就不須要在設置了,這樣就是實現的徹底垂直居中