### 记关于vertical-align: middle一个小发现

253 阅读1分钟

关于<!DOCTYPE> 文档类型声明对于前端开发来说,应该是熟悉而又容易忽略的一个点,最近在实现一个垂直居中的时候,用到了vertical-align:middle这个属性。其中遇到的坑就是由文档类型声明不同引起的。

现象

在无论是HTML4 还是XHTML Transitional类型下 vertical-align:middle 都不起作用。默认取的是 vertical-align:top

当然也可以不用这种方法实现,但是就是不死心,找出来到底什么原因导致的。各种百度都在说vertical-align:middle生效的条件,好像都不能解决问题,最后换个了文档类型声明完美实现。

以上只是个人发现,如有不对,还请指出,谢谢!!共同学习。