1

在我的网站上，我有一个位置固定的页脚，我想将居中的文本放入其中。奇怪的是，无论我做什么，文本都不会居中，而是总是在左边。

<div id="footer">  
Copyright 2013 © LolStreamGallery - <a href="TermsofUse.html">Terms of Use</a>
</div>

CSS：

#footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
}

也许你也想知道 Body 的 CSS：

body {
    background-color:#ededed;
    /*text-align:left;*/
    margin:0;
    padding:0px; 
}

如您所见，我已经尝试过评价正文默认对齐，但没有效果。任何人的想法？

4

5 回答 5

5

将其更改为：

#footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
    width:100%; // added
}

jsFiddle 现场演示

于 2013-01-04T19:04:11.153 回答
2

您的页脚需要延伸到底部。将 width:100% 添加到您的#footer 样式元素。

#footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    width:100%;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
}

http://jsfiddle.net/4zqbX/

于 2013-01-04T19:04:53.333 回答
2

当您设置#footer为 时position: fixed，它不再有宽度。所以从技术上讲， 的内容#footer仍然以 为中心#footer，但是#footer从其内容的宽度中获取它的宽度。因此，您必须摆脱position: fixed或提供#footer宽度。如果你添加width: 100%它#footer应该工作。

于 2013-01-04T19:11:22.967 回答
1

也许您需要为#footer 添加宽度

#footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
    /*New*/
    width:100%;
}​

测试：http: //jsfiddle.net/h6crw/1/

于 2013-01-04T19:05:35.370 回答
1

这是因为文本在 的中心div，但是如果添加边框，您会看到div与文本一样大。

只需在页脚中添加一个width:100%;即可完成。

于 2013-01-04T19:05:47.987 回答