我希望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%;
}
评论前必须登录!
注册