HTML瀏覽器的CSS提示

所以我是新來的HTML，CSS和做在線課程。所以目前建立一個簡單的網站。所以我的網站有中心對齊的內容表。現在我正在研究27英寸的imac。所以頁面最大寬度很高。但是，當我調整瀏覽器不幸的是我的內容表dowsnt停留在中間。任何提示將是巨大的：這裏是我的HTML和CSS代碼的一部分：HTML瀏覽器的CSS提示

* { 
 
    -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; 
 
}

<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>

來源

2017-10-05 captt_n3m0

你需要的是在邊際上工作。假設這是.TableofContents是應該爲中心，在CSS是：

.TableofContents { 
    margin: 5px auto; 
}

自動這裏是重要的，因爲它處理的保證金左/右部分。這裏有一個從W3Schools的鏈接，這應該讓你開始使用響應性頁邊距。

來源

2017-10-05 23:10:50

確定我認爲它是Ol，意思是居中 –

'ol'在'.TableofContents'裏面，除非你想讓它集中在TableofContents容器中。如果整個內容都是你想要的內容，那麼它就是'TableofContents'，否則，嘗試'ol {margin：5px auto}' –

HTML瀏覽器的CSS提示

回答

相關問題