卡在中间

Maw*_*awg 0 css

我应该何时使用margin-left:auto; margin-right:auto中心,何时使用margin-left:50%; margin-right:50%

也许是"auto",当我在另一个元素中包含的内容时,当我以页面为中心时,50%?

或者我只是无可救药地困惑?

Bre*_*len 5

margin-left:50% ; margin-right:50%; 意味着你居中的物品没有宽度.

对于像a这样的块级元素div,最好的中心方法是:

div.centered { margin: 0 auto; }
Run Code Online (Sandbox Code Playgroud)

auto之前的0表示顶部和底部,因此可以设置为您喜欢的任何内容.重要的部分是auto导致左右边距自动设置,无论元素有多宽,它们都是相等的.

更新:正如Phelios所指出的,应该为div指定宽度以使这种方法起作用

  • 鉴于您必须指定宽度 (4认同)