CSS网页布局：div水平居中的各种方法

作者佚名技术来源 CSS技术浏览发布时间 2012-03-05

uot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 随浏览器窗口大小而改变的具有弹性的居中布局 </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
padding:10px 150px;
}
div#wrap {
border:1px solid #333;
background-color:#ccc;
}
</style>
</head>

<body>
<div id="wrap">
一种随浏览器窗口大小而改变的具有弹性的居中布局：
<pre>
body {
padding:10px 150px;
}

这里，我们只需要保持父元素左右两侧的填充是相等的就可以了。
</pre>
</div>
</body>
</html>

当然这只是“貌似居中”，不过却常常很有用处。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

上一页 1 2 3 4

分享到：更多

你可能对下面的文章感兴趣

上一篇: 基于XTHML标准的DIVCSS布局对SEO的影响下一篇: dl,dt,dd标记在网页中要充分利用

关于CSS网页布局：div水平居中的各种方法的所有评论