2

您可以在http://led.dlugosz.com/查看该页面。※</sup> 我想让“画廊”部分在可用空间中居中，而不是向左对齐。

所以，我添加了规则

margin-left: auto;
margin-right: auto;

它似乎工作得恰到好处。但是，当我在另一个页面上做同样的事情时，它根本不起作用，我找不到任何区别。然后，再玩弄这个页面，我发现在不同的窗口宽度下它可以工作，不工作，或者做一些非常奇怪的事情。这里发生了什么？更重要的是，我怎样才能实现这种效果？

※我更新了页面并最终将其删除。

4

6 回答 6

4

margin-left :automargin-right:auto如果您设置并display: block指定元素的宽度，则将元素居中，然后元素对齐到中心。

要不然

margin: 0 auto;
width: 100px;
display: block;
于 2017-11-14T15:00:02.927 回答
3

边距自动在所有情况下都对我有用，宽度固定，否则使用

http://css-tricks.com/centering-in-the-unknown/

于 2013-02-12T06:39:14.693 回答
2

改用这个，

.wrap {width: 980px; margin: 0 auto;}

div class="wrap" 将是您想要居中的位置。

于 2011-04-02T00:21:05.497 回答
2
  • 在 上#main_col，添加margin-right: 20.5em- 这与您的右侧边栏相同width( 18em)，再加上一点边距。
  • 在 上#main_col h2，删除该margin-right属性。
  • 在 上#main_col div > *，删除该margin-right属性。
  • 在 上#galleries ul，删除margin-left和margin-right属性，然后添加display: inline-block。
  • 上#galleries，添加text-align: center。
  • 在#main_col h2和上#galleries ul li，添加text-align: left。

仅在 Firefox 中测试。

于 2011-04-02T00:25:14.017 回答
1

您是否在其他页面上使用 Firebug 来确定向该元素分配了 margin-left 和 margin-right 属性？它们可能已被具有更高优先级的 CSS 规则覆盖。

于 2011-04-02T00:21:32.543 回答
0

如果我错了，请纠正我，但我相信“margin-left：auto;” 和“margin-right：auto;” values 仅适用于块元素。如果你想将内联元素居中，你应该使用“text-align:center;”。

于 2017-01-25T11:18:19.350 回答