vertical-align是設(shè)置在內(nèi)聯(lián)元素或者單元格上的。前者是讓內(nèi)聯(lián)元素本身在一行里進行某種垂直對齊。后者是讓單元格內(nèi)部的整個內(nèi)容相對于單元格這個容器進行某種垂直對齊方式。

而text-align是設(shè)置在塊級元素上，讓內(nèi)部的內(nèi)聯(lián)子元素進行水平對齊的。

text-align還是好理解一些，設(shè)置在父容器，讓子元素去對齊。vertical-align一般設(shè)置在內(nèi)聯(lián)元素本身（看作設(shè)置在子元素上），讓它自己相對于line box（內(nèi)聯(lián)元素的容器）去對齊；特殊場景，vertical-align設(shè)置在父容器單元格上，讓子元素去對齊。

因為 text-align 對作為塊級元素的子元素無效，但子元素的文本會繼承 text-align 的效果導致該文本在子元素內(nèi)水平居中。

子元素的文案是居中，并且是可以繼承的。塊級子元素不能居中。