這是為什么呢！所以查找了許多資料，原來vertical-align屬性只對行內元素有效，對塊內元素無效！而此時就會用到display屬性，大家也看到我里面有設置display屬性為inline-block屬性，確沒有效果，那是因為將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內！說的通俗點，就是你設置的當前div屬性還是塊對象呈遞，但是允許同一級別的div在同一行內，也可以設置寬度和高度！所以才會呈現如上圖二所示的沒有效果！
解決辦法：
可以在.header_3增加一個偽元素， .header_3:after{ content: ""; display: inline-block; height: 100%; vertical-align: middle; }
1.而如果我們將display屬性設置為table-cell，將塊元素轉化為單元格，然后加上vertical-align：middle，就可以了呈現圖三的效果了。（溫馨提示：但是你們別忘記加text—align屬性為center喲！）、
2.或者可以設置行高即line-height，但是要注意，要與div的高度一致！否則也會有偏差的（溫馨提示：而display：inline-block是這個）！
