Question

在HTML中，如何使网站占据屏幕宽度的60-80％，如果窗口大于中心，则有滚动条？我在谈论StackOverflow中内容的方式。

我试过了，但失败了：

<html>
<head>
<style type="text/css">

</style>
</head>

<body>
<center>
<div style="width: 60em; align: center;">kdsjlglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgkhlglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgklglkdfjgolksdjflgojsdfsdoljfglsdfghsdkjfgkdhfgkkjdghkdsfjgksdjfhg</div>
</center>
</body>

</html>

Answer 1

这是我一直关注的那个：

<body>
    <div class="wrapper">
        your content
    </div>
</body>

然后在CSS中，

body{text-align:center;}
.wrapper{width:80%;margin:0 auto;text-align:left;}

Answer 2

您想要自动边距......

<body>
  <div id="content">
    Your page content here...
  </div>
</body>

你的CSS应该有这样的东西......

#content { width: 60%; margin: 0 auto 0 auto; }

边距（和填充相同）的顺序是右下角左下角。或者你可以快捷方式。

#content { width: 60%; margin: 0 auto; }

这意味着顶部和底部将有0个边距;左右将有自动保证金。

Answer 3

Set left and right margins to auto。
请勿使用已弃用的 <center>元素
请勿使用不存在的align属性

Answer 4

将您的内容粘贴到div中，并将左右边距设置为“自动”，如下所示：

CSS：

#content {
 width:        960px;
 margin-left:  auto;
 margin-right: auto;
}

HTML：

<body>
 <div id="content">
 fjkgjkg etc.
 </div>
</body>

如何让网站的内容贴在中间？

4 个答案: