CSS实现DIV内容垂直及水平居中

蟹老板yea

蟹老板yea

2016-02-19 17:46

想要天天向上,就要懂得享受学习。图老师为大家推荐CSS实现DIV内容垂直及水平居中,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

因为垂直居中的主要问题出在IE系列上,因此用到了IE的条件注释、IE8的兼容视图,还算完美解决了目前所有的主流浏览器的CSS实现DIV内容垂直及水平居中问题,IE5.5,IE6,IE7,IE8,Firefox,Chrome,Safari,Opera 测试通过,逸品天空Web开发代码站 http://code.dlstu.cn/。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

核心代码:

 程序代码
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /
style type="text/css"
#container {width:750px; height:600px; background:#f8f8f8; border:5px solid #777; text-align:center; display:table-cell; vertical-align:middle;}
/style
!--[if IE]
style type="text/css"
#fixie{width:0;height:100%;display:inline-block;vertical-align:middle;}
#fixiecontainer {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
/style
![endif]--

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS实现DIV内容垂直及水平居中

Web开发
CSS实现DIV内容垂直及水平居中

DIV实现垂直居中对齐的方法

Web开发
DIV实现垂直居中对齐的方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

css教程:DIV垂直居中的办法

Web开发
css教程:DIV垂直居中的办法

CSS:使DIV 在浏览器窗口中水平垂直居中

Web开发
CSS:使DIV 在浏览器窗口中水平垂直居中

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

关于CSS控制DIV水平居中问题

Web开发
关于CSS控制DIV水平居中问题

网页布局 CSS简单实现垂直居中

Web开发
网页布局 CSS简单实现垂直居中

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

无延迟翻滚的图形/CSS混合风格的按钮

无延迟翻滚的图形/CSS混合风格的按钮

delphi编程实现播放背景音乐

delphi编程实现播放背景音乐
下拉加载更多内容 ↓