Div对齐以放大为中心&出

时间:2012-04-24 13:32:26

标签: html css wordpress cross-browser

我的网站http://www.d1210091-6206.cp.blacknight.com/site/home/存在放大问题以及放大&在页面上的特定部分(新闻& fb)div id footerwrapper。所有其他都在放大和放大中心对齐进行。

我也发送了屏幕截图。 http://screencast.com/t/e95jEwR6dki

4 个答案:

答案 0 :(得分:1)

我检查你的代码,如果你触摸文件style.css,元素#footer的样式,如果你不使用

float: left; margin-left: 210px; width: 600px

删除它,div#footer将居中。但在Facebook的所有部分,你会发现顶部有一点点作物。你可以留下一些余量或填充。

在临时的Backup old shool方法中,您可以使用标记(如果您想更自由地更改样式,则不推荐使用),每个标记宽度为两列和宽度。

问候

答案 1 :(得分:0)

您必须从#footer中删除“margin-left:210px”。它会覆盖“margin:0 auto;”来自.container-12 class。

答案 2 :(得分:0)

我建议使用bootstrap,这样对我有帮助。



<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-left" style="border:1px dashed red; ">
  I will be at left

</div>

<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center" style="border:1px dashed blue;">
  I will be at center

</div>

<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-right" style="border:1px dashed green;">
  I will be at right

</div>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

唯一适合我的方式(不带缩放)。

margin: 0 auto;
width: fit-content;

在您的元素上