我希望网页的内容居中,最大宽度为 900 像素。
根据我的研究和测试,看起来这是这样做的方法,但我想确认:
<body style="max-width:900px; text-align:center;margin-left:auto ;margin-right:auto">
显然,您会将样式放在 CSS 中。
而且我认为任何拥有大屏幕的人都会拥有一个相当新的浏览器。
我希望网页的内容居中,最大宽度为 900 像素。
根据我的研究和测试,看起来这是这样做的方法,但我想确认:
<body style="max-width:900px; text-align:center;margin-left:auto ;margin-right:auto">
显然,您会将样式放在 CSS 中。
而且我认为任何拥有大屏幕的人都会拥有一个相当新的浏览器。
为什么要使用包装器,除非你需要它?我不会仅仅因为你可以包装东西,它加起来。此外,如果需要,您可以将 Body 标签用作“免费包装器”:
CSS:
html {
margin: 0 auto;
max-width: 900px;
}
body {
/* whatever you want */
}
CSS:
body { width: 100%; text-align: center; }
#centerContainer { width: 900px; text-align: left; margin: 0px auto; }
HTML:
<body>
<div id="centerContainer">Content</div>
</body>
我建议将 a作为包装器或容器,而不是 make <body>
centered。<div>
width: 900px
HTML:
<body>
<div id="container">
**Your Contents**
</div>
</body>
CSS:
body{
width: 100%;
}
#container {
width: 900px;
margin: 0 auto;
}
我这样做的方法是创建一个包装器 div,它将您的内容保存在页面上。
CSS:
#wrapper{margin:0 auto; width:900px;}
HTML:
<div id="wrapper>
<!--content goes here-->
</div> <!--/wrapper-->
我不会在 body 上做,而是创建一个“包装器”div 并以这种方式设置它的样式:
<div style="width: 900px; margin: auto;">Content</div>