無法使用文本對齊或頁邊距自動居中頁腳。小文本也不會工作

我不能使用文本對齊或邊距：自動對齊頁腳。小文本也不起作用。無法使用文本對齊或頁邊距自動居中頁腳。小文本也不會工作

我是新來的HTML和CSS，所以任何幫助，將不勝感激:)

代碼：

/* Footer */ 
 
footer { 
 
\t text-align: center; 
 
\t font-size: 0.7em; 
 
\t border-top: 1px dotted #E8DFAC; 
 
\t padding-top: 1em; 
 
\t margin: 0 auto; 
 
} 
 

 
footer a, 
 
footer a:visited { 
 
\t color: #636363; 
 
} 
 

 
footer a:hover, 
 
footer a:focus { 
 
\t color: green; 
 
}

<!-- Footer --> 
 
\t <footer> 
 
\t \t <small>Made by Hannah Hawkins</small> 
 
\t </footer>

::: UPDATE ::: 我我發現我可以使用footer標籤中的style屬性來修復它。謝謝！

來源

2016-09-19 Hannah Hawkins

這裏它似乎工作正常...嘗試在您的應用程序中爲腳註添加寬度100％... – kukkuz

@kukkuz。她只需要聲明腳註。 –

我試過添加（margin：auto 0）和（width：100％），但它仍然無法在Chrome中正確顯示。我的CSS樣式表的其他部分也開始出現類似的問題。 –

您希望頁腳在中心對齊。不僅僅是現在正確的文本？

要使您的頁腳居中，您需要對其應用一個寬度以使margin:0 auto正常工作。

頁腳是塊元素，所以如果您不想應用固定寬度，請更改display:inline-block，然後將父項更改爲text-align:center。

body {text-align: center;} 
footer {display:inline-block}

來源

2016-09-19 02:13:20 partypete25

無法使用文本對齊或頁邊距自動居中頁腳。小文本也不會工作

回答

相關問題