个性化阅读
专注于IT技术分析

无法使我的页脚内容居中

我希望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%; 
}
赞(0)
未经允许不得转载:srcmini » 无法使我的页脚内容居中

评论 抢沙发

评论前必须登录!