1

我有网站http://www.d1210091-6206.cp.blacknight.com/site/home/页面上有特定部分(News & fb)的 div id footerwrapper 的放大和缩小对齐问题。所有其他都在放大和缩小时居中对齐。

我也把屏幕截图发给你。http://screencast.com/t/e95jEwR6dki

4

4 回答 4

1

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

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

擦除它,div#footer 将居中。但是在所有的 facebook 部分,你会发现它的顶部有一点裁剪。您可以为此保留一些边距或填充。

在一个临时的Backup old shool方法中,你可以使用标签(如果你想更自由地改变样式,不推荐),有两列和宽度,每列指定宽度。

问候

于 2012-04-24T13:43:43.820 回答
0

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

于 2012-04-24T13:43:54.763 回答
0

我建议使用引导程序,这样对我很有帮助..

<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>

于 2017-07-28T10:20:20.850 回答
0

唯一对我有用的东西(任何缩放)。

margin: 0 auto;
width: fit-content;

在你的元素上

于 2020-11-25T14:45:40.663 回答