软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > CSS+DIV网页居中的常见两种方法

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

例如:.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 的支持有少许不同。

    相关阅读
    网友评论
    栏目导航
    推荐软件