div+css居中对齐布局.pptVIP

  • 7
  • 0
  • 约1.82千字
  • 约 6页
  • 2016-08-02 发布于安徽
  • 举报
div+css居中对齐布局.ppt

实现div容器单行垂直居中(单行) div?{??? ????????height:25px;??? ????????line-height:25px;??? ????????overflow:hidden;??? ?}? 后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行 未知高度文字的垂直居中(多行) 多行文本固定高度的居中 在本文的一开始,我们已经说过CSS中的vertical-align属性只会对拥有valign特性的(X)HTML标签起作用,但是在CSS中还有一个display属性能够模拟table,所以我们可以使用这个属性来让div模拟table就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必须设置在父元素上,后者必须设置在子元素上,因此我们要为需要定位的文本再增加一个div元素: style type=text/css body { font-size:12px;font-family:tahoma;} div#wrap { height:400px; display:table; } div#content { vertical-align:middle; display:table-cell; border:1px

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档