欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 建站教程 > Div+Css > CSS技巧十二：IE下ma正文

CSS技巧十二：IE下margin:0 auto没有作用

作者：网页模板

类型：图文教程

点击次数：

发布时间：2014-04-02 09:52

分享到：

在IE下运行下面的代码：
代码一：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS技巧十二：IE下margin:0 auto没有作用</title> </head> <body> <div>模板网</div> <style type="text/css"> div {width:200px; height:200px; margin:0 auto; border:1px solid red;} </style> </body> </html>
提示：您可以先修改部分代码再运行

代码二：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS技巧十二：IE下margin:0 auto有作用了</title> </head> <body> <div>模板网</div> <style type="text/css"> div {width:200px; height:200px; margin:0 auto; border:1px solid red;} </style> </body> </html>
提示：您可以先修改部分代码再运行

通过上面代码，我们发现代码一，div不居中，代码二div居中了，就是因为div多了下面的声明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

所以，不要偷懒，一定要写全。
(责任编辑：网页模板)

本文标签：
IE下margin:0 auto没有作用,IE内容居中

css技巧十一：浮动层被flash挡住解决办法

CSS 兼容IE和火狐的文字竖排

网站声明: 本网站内容如果没有注明出处，所有权均归本站，提供免费下载试用，但不得用于商业盈利。如果注明出处，则来自于互联网，本站不做商业用途。如果本站有内容侵犯到您的权益，请致函站长邮箱，本站当立即删除。; E-Mail 联系我们

快速链接: PSD模板; DIV+CSS模板; 特效插件; 源码下载; 酷站欣赏; 建站资源; 建站教程; 心境之旅; 酷站提交; 在线留言

网站帮助: 常见问题; 网站地图; 如何投稿; 赞助我们; 客户案例; 域名虚拟主机

@5imoban.net: 新浪微博; 网易微博; 腾讯微博; QQ空间

CSS技巧十二：IE下margin:0 auto没有作用

热门建站教程

热门PSD模板

热门CSS模板

热门网页特效

热门网站源码

热门酷站欣赏

热门建站资源

热门文章