English Sentence Loading...

英语句子加载中...

技术文章

<Div>垂直居中及容器内图片垂直居中的CSS解决方法

作者:vinci 日期:2007-05-09

字体大小: 小中大

Div与CSS布局，最让人头疼的就是容器内的东西如何垂直居中的问题，我在做站时也遇到，查了一下资料，总结出以下居中办法，兼容IE与及Firefox

方法一

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

方法二

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

方法三

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

方法四（针对背景图片居中）

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[本日志由 vinci 于 2007-05-09 10:27 AM 编辑]

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags: IT Technology CSS Div

评论: 17 | 引用: 0 | 查看次数: 35808

www.5dwt.cn [2010-08-25 11:52 AM]

nice,呵呵，测试完毕，完全支持ie6，7，8 、火狐哦。
谢谢分享！

ceshi [2010-05-02 11:13 PM]

yang [2010-03-24 06:06 PM]

ff 只能左右居中上下不行

yang [2010-03-24 06:03 PM]

ff里面不行其它都可以ie7 ie8 ie6都行 ff里怎么不能啊

筱白 [2010-03-22 05:13 PM]

有些晕了，很多还是不会

acai [2010-03-17 09:31 AM]

在IE8中，每一个是垂直居中的

www.bingd.com

个人昵称 [2009-08-03 05:33 PM]

在IE7中，没一个是垂直居中的，为什么呢？

发表评论