Question

我希望从CSS高手中获得一些启示。看看http://oicjapan.org处任意页面的底部 - 地址/电话信息部分在页面中心看起来要好得多，但我似乎无法让它去那里。在text-align:center或aside#footer-sidebar上设置div#fsidebar只会将文本置于<li>内，而整个内容仍位于#wrapper的左侧。 margin-left:auto; margin-right:auto;对我尝试的几个元素（#footer-sidebar，#fsidebar或#fsidebar-ul）中的任何元素都没有任何明显的影响。

我不仅限于CSS更改 - 如果需要更改标记，我可以这样做。

Answer 1

从float:left;删除#hsidebar .widget-container, #fsidebar .widget-container，或者您可以使用以下内容覆盖此规则：

#fsidebar #text-4 {
    float: none;
    text-align: center;
}

然后，从float:left;移除#fsidebar #text-4 .textwidget > div > div或使用此规则覆盖它：

#fsidebar #text-4 .textwidget > div > div {
    display: inline-block;
    float: none !important;
}

希望这会有效！

Answer 2

如果您希望块以页面为中心，则需要为#fsidebar添加宽度，例如：

#fsidebar {
    margin: 0 auto; // does the same thing as margin-left: auto; margin-right: auto;
    width: 400px;
}

如果您希望将块与网页的右列内联移动，为什么不将边距/填充块覆盖？有点像：

#fsidebar {
    margin-left: 350px; // use whatever looks to your liking
}

Answer 3

嗨，这是代码，用于将页脚文本集中在您的网站上，以便

#fsidebar {
text-align: center;
}

.widget-container {
margin: 5.0%; 
}

无法将我的页脚内容置于中心位置

3 个答案: