关于我们 ABOUT US

了解我们,选择我们,为您提供最专业最优质的服务

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的td、th、caption等,而像div、span这样的元素是没有valign特性的,因此使用vertical-align对它们不起作用。
        如果一段内容,它的高度是可变的那么我们就可以使用上一节讲到的实现水平居中时使用到的最后一种方法,就是设定Padding,使上下的padding值相同即可。同样的,这也是一种“看起来”的垂直居中方式,它只不过是使文字把div完全填充的一种访求而已。可以使用类似下面的代码: div { padding:25px; }
        在本文的一开始,我们已经说过CSS中的vertical-align属性只会对拥有valign特性的(X)HTML标签起作用,但是在CSS中还有一个display属性能够模拟table,所以我们可以使用这个属性来让div模拟table就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必须设置在父元素上,后者必须设置在子元素上,因此我们要为需要定位的文本再增加一个div元素

查看更多 MORE →

产品展示 PRODUCTS

了解我们,选择我们,为您提供最专业最优质的服务

选择我们   为您提供最专业服务 4000-000-000

新闻中心 NEWS

了解我们,选择我们,为您提供最专业最优质的服务

工程案例 CASE

了解我们,选择我们,为您提供最专业最优质的服务