在别的网站上看到,不过起码它将 vertical-align:middle; 按照理想的实现了。好像div没有这个属性, 所以要通过其他的方式去间接实现./* for non-IE browsers */div.holder {width:740px; height:300px; background:#f8f8f8; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;}div.holder div {margin:0 auto; border:1px solid #aaa;}/* vertical align for IE */#edge {width:0; height:100%; display:inline-block; vertical-align:middle;}#container {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
分享到:
相关推荐
css图片垂直居中方法
DIV+CSS 图片垂直居中效果
图片 CSS垂直居中图片 CSS垂直居中
CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中
CSS实现完美垂直居中 - 蓝色理想
DIV+CSS水平 垂直居中.docDIV+CSS水平垂直居中
NULL 博文链接:https://zhouyao.iteye.com/blog/417432
div框水平垂直居中跟内容垂直居中
CSS 实现盒子水平居中、垂直居中和水平垂直居中….docx
CSS实现垂直居中的5种方法
css 多行文本垂直居中显示,兼容各大浏览器!
css实现垂直居中的5种方法,慢慢总结的哦
NULL 博文链接:https://gucaihe.iteye.com/blog/1465144
在前面的文章中我简单总结了一个“CSS在页面布局中实现div水平居中的方法”,其实水平居中实现还是比较简单的,反而垂直居中有点麻烦,因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面...
css不定宽高让盒子里的内容垂直水平居中.里面步骤都有,
在曾经的 淘宝UED 招聘 中有这样一道题目: “使用纯CSS实现+未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有其现实的原因,垂直居中是淘宝工作中最常遇到的...
css 垂直居中.docx
主要介绍了使用css实现div垂直居中的示例,需要的朋友可以参考下
CSS垂直居中 单行文本垂直居中 多行文本垂直居中 方法1:使用table布局 方法2:设置vertical-align,line-height 方法3:使用flex布局 方法4:设置伪元素 块级元素垂直居中 方法1:flex布局 方法2:设置absolute和...
NULL 博文链接:https://highfly-s.iteye.com/blog/1878910