CSS 中有个 vertical-align 属性,表示垂直布局,但它仅在 td 等一些标签里有效,在常用的 div 里面是无效的,怎样使 div 里可以垂直居中呢?
现在网上有十来种不同的解决方案,但我觉得有点把问题复杂化了,有的仅支持某一种标签,有的仅支持某一类浏览器,更多的是使 CSS 过于复杂,破坏了 CSS 设计的初衷。
我建议大家只使用其中的一种 padding-top,通过设置 padding-top 值,将内容元素下移,虽然在 div 元素高度改变时,需要修改 padding-top 值,但这毕竟不是个大问题。
另外,如果确信只有文字内容,并且只有一行,也可以用 line-height,将 line-height 设置为 div 的高度就可以了。