无法使我的页脚内容居中

我希望CSS专家能有所启发。看一下http://oicjapan.org上任何页面的底部-地址/电话信息部分在页面中央看起来会好很多, 但我似乎无法将它放到那里。在aside＃footer-sidebar或div＃fsidebar上将text-align：center设置为<li>内的文本居中, 而整个内容保留在#wrapper的左侧。而margin-left：auto;右边距：自动；对我尝试过的多个元素(＃footer-sidebar, ＃fsidebar或＃fsidebar-ul)没有任何可见影响。

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

#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;
}

希望这会成功！

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

#3

嗨, 这是将页脚文本放在你的网站中心的代码,

#fsidebar {
text-align: center;
}

.widget-container {
margin: 5.0%; 
}

来源：

https://www.srcmini02.com/67186.html

#1

#2

#3

猜你喜欢