Question

所以我是html，css和在线课程的新手。所以目前正在建立一个简单的网站。所以我的网站有一个内容对齐的目录。现在我正在研究27英寸的imac。因此页面最大宽度很高。但是当我重新调整浏览器大小时，我的内容表仍然处于中间状态。任何提示都会很棒：这是我的html和css代码的一部分：

＆＃13;

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial;
  margin: 5px 5px;
  max-width: 2500px;
  padding: 0;
  background-color: #DBE4DF;
}

h1 {
  text-align: center;
}

.TableofContents {
  display: block;
  width: auto;
  margin-left: 1000px;
}

ol {
  list-style-position: inside;
  counter-reset: item;
  text-align: centre;
}

ol>li {
  counter-increment: item;
}

ol ol>li {
  display: block;
}

ol ol>li:before {
  content: counters(item, ".") ". ";
  padding-left: 0px;
  margin-left: 10px;
}

＆＃13;

<h1>Table of Contents</h1>
<div class="TableofContents">
  <ol>
    <li><a href="#Lecture1">Lecture1: World Wide Web and HTML Basics</a></li>
    <ol>
      <li><a href="#Lecture1.1">Word Wide Web</a></li>
      <li><a href="#Lecture1.2">HTML</a></li>
      <li><a href="#Lecture1.3">HTML Tags and Elements</a></li>
      <li><a href="#Lecture1.4">Are Computers Stupid?</a></li>
      <li><a href="#Lecture1.5">Block Elements vs Inline Elements</a></li>
    </ol>
  </ol>
  </br>

</div>

＆＃13;

Answer 1

你想要的是保证金。假设.TableofContents应该居中，那么css将是：

.TableofContents {
    margin: 5px auto;
}

这里的自动很重要，因为它处理边距的左/右部分。以下是来自W3Schools的链接，可以帮助您开始使用响应边距。

浏览器的HTML CSS提示

1 个答案: