CSS+DIV网页居中的常见两种方法_html-js-css

概述例如：.html文件代码如下，以下为引用的内容：<html> <head> <title>居中DIV</title> </head> <body> <div id="mainDiv> 居中的div </div> </body> </html> 则实现居中的方法CSS代…

例如：.HTML文件代码如下，

以下为引用的内容：
<HTML>
<head>
<Title>居中div</Title>
</head>
<body>
<div ID="maindiv>
居中的div
</div>
</body>
</HTML>

则实现居中的方法CSS代码为第一种方法：

以下为引用的内容：
body
{
text-align:center ;
background-color:#ccc;
min-wIDth:780px;
}
#maindiv
{
wIDth:760px;
border:1px solID white;
margin:0 auto
}

第二种：负空白边定位法实现的CSS代码为

以下为引用的内容：
body {
text-align:center
background-color:#ccc;
min-wIDth:780px;
}
#maindiv
{
wIDth:760px;
margin-left:-380px;
left:%50;
positive:relative;
border:1px solID white
}

　　好了，有人会问为什么要使用“min-wIDth”属性来定义body的最小宽度呢？，而且其最小宽度要大于或等于div的宽度。如果不怎样，可能会出现页面的内容被挤出浏览器的可视区域，具体这是为什么这个是浏览器的问题，各种浏览器对CSS 的支持有少许不同。

总结

以上是内存溢出为你收集整理的CSS+DIV网页居中的常见两种方法全部内容，希望文章能够帮你解决CSS+DIV网页居中的常见两种方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://www.outofmemory.cn/web/1020981.html

CSS+DIV网页居中的常见两种方法

发表评论

评论列表（0条）