首先这个属性:Vetical-Align只有当父元素是Th或Td时才会起作用,而对于Div或P是不支持Vetical-Align属性的。但是在Firefox和IE8+下是可以设置Div或P的Display为Table-Cell来激活Vetical-Align属性。但IE6和IE7是不支持Display:Table-Cell的。所在不能跨浏览器。但我们可以使用最原始的笨办法:就是把要垂直居中的元素直接放在Table和Td里实现垂直居中,且Td标签已隐式设置了Vetical-Align属性值为Middle。
详细解决方案
Css设立垂直居中之Vetical-Align方法
热度:193 发布时间:2012-08-29 08:40:14.0
相关解决方案
- table居中有关问题:align=center在ff里不起作用
- 居中有关问题?text-align,文字居中,文字所在盒子居中有何关系
- ie 八 text-align :center 居左
- 'text-align' 特点在 IE6 IE7 IE8(Q) 中可以影响块级元素的对齐方式
- 正则,用以去除<p align='center'></p>
- 两个div不换行,第一个已经有<div align='center'>且不能改变,第二个要如何定义才能不换行
- 弹性盒子属性值——(align-self、order、flex-grow、 flex-shrink、flex-basis、flex)
- 弹性盒子display:flex——justify-content主轴方向对齐方式、align-items交叉轴对齐方式、 flex-direction修改主轴方向、flex-wrap换行
- Layer text-align:center
- C++对齐杂注__declspec(align(#))和#pragma pack的区别
- 具有 __declspec(align('16')) 的形参将不被对齐