保证金:0px auto;不使用宽度:100%

时间:2013-12-20 18:49:24

标签: html css

margin: 0px auto;无法与width: 100%;合作,任何人都知道这个

的答案
Eg: .abc{
    margin: 0 auto 0px;
    width: 100%;

<div class="abc">
    <input class="acc" type="radio"  name="a">
    <label>hi.</label>

   <input class="cc" type="radio"  name="a">
   <label>No</label>
</div>

3 个答案:

答案 0 :(得分:2)

100%宽度不会留出任何余量空间。

margin:0 auto仅适用于宽度小于100%的情况。

{text-align:center}

将内容集中在元素内。

Demo here.

答案 1 :(得分:0)

因为您将某些内容设置为全宽,所以无法居中。最好的选择是将宽度设置为固定宽度,例如'width:600px;'然后使用'margin:0px auto;'另一种方法是使用百分比宽度,例如'width:70%'然后也使用'margin:0px auto'这意味着样式元素将增长或缩小到屏幕大小。使用此选项,您还可以设置最大尺寸和最小尺寸

答案 2 :(得分:0)

使用“text-align:center;”来自外部的div

希望这会有所帮助