HTML:在中间做一列

标签 html css

我想制作一个背景固定的网站(我已经有了),在背景前面中间是我的东西,比如这个网站:http://www.nexusmods.com/skyrim/ ?我搜索了整个互联网,但找不到任何东西。我已经在源代码中搜索过。有人能帮我吗?抱歉我的英语不好,我是瑞士人。请随时纠正我。

最佳答案

您正在寻找的是设置主要内容的固定宽度,然后为左右设置自动边距以使其居中。

.content {
    width:600px; //set your desire width here
    background-color:#ffffaa; // color is just there to visualize
    margin-left:auto;
    margin-right:auto;
}

在您的 HTML 中:

<body>
  <!-- header -->

  <!-- main content -->
  <div class="content">
     This is the main content box
  </div>

  <!-- footer -->

</body>

希望这会有所帮助。
注册,

关于HTML:在中间做一列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23709740/

相关文章:

css - 对 CSS 移动查询的更改不再响应

HTML 2 列布局始终全高

javascript - flex 路径的 Svg 动画

javascript - 使用 jquery 在表的单元格列内创建引导按钮

javascript - 如何使 div 可编辑到 textarea 并上传/删除现有图像

javascript - 如何从另一个链接创建 pdf

javascript - 如何在 WinJS iframe 中加载远程内容同时避免 SEC7117 错误?

javascript - Jquery 中的 onclick 函数不起作用

html - CSS 位置未按预期工作。如何解决?

javascript - .addClass 到元素添加样式然后删除,我该如何修复