css页脚怎么居中,无法使我的页脚内容居中 | 您所在的位置:网站首页 › 页眉无法居中 › css页脚怎么居中,无法使我的页脚内容居中 |
我希望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 实验室设备网 版权所有 |