css页脚怎么居中,无法使我的页脚内容居中 您所在的位置:网站首页 页眉无法居中 css页脚怎么居中,无法使我的页脚内容居中

css页脚怎么居中,无法使我的页脚内容居中

2023-08-01 18:55| 来源: 网络整理| 查看: 265

我希望CSS专家能有所启发。看一下http://oicjapan.org上任何页面的底部-地址/电话信息部分在页面中央看起来会好很多, 但我似乎无法将它放到那里。在aside#footer-sidebar或div#fsidebar上将text-align:center设置为

内的文本居中, 而整个内容保留在#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%;

}



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有