如何在屏幕中间放置网页？喜欢stackoverflow网站上的页面？我正在编写我的网站的母版页,我想使用HTML和css将母版页放在屏幕中间,然后使用css构建内部定位块.但我不能让我的页面在中间可视化!
谢谢!
Zac*_*man 17
您可以使用边距将其水平放置在中心.
给出这个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></head>
<body>
<div id="page"> ... content ... </div>
</body>
</html>
CSS可以像下面这样简单:
#page {
margin-left:auto;
margin-right:auto;
width:960px;
}
您还需要确保有一个有效的doctype才能使其正常工作.
<div>在你的<body>喜欢中创建一个:
<body>
<div id="main">
<!-- ... -->
</div>
</body>
并添加以下CSS:
body {
text-align: center; /* IE */
}
#main {
margin-left: auto;
margin-right: auto;
text-align: left; /* IE */
width: XXX; /* Fill this out. */
}
| 归档时间： |
|
| 查看次数： |
62199 次 |
| 最近记录： |