Question

我尝试在联系页面中对齐这些元素的中心。

http://avocat.dac-proiect.ro/wp/?page_id=19

.contactform11 .wdform_section.{
    /* margin-left:280px; */
    /* margin-top:55px; */
    margin:0 auto;
    display:block;
    width:auto;       
 }

不要操作这个并且不明白为什么。我搜索了论坛，每个人都说了设置宽度和显示块所需的信息。

你能帮我解决这个问题吗？

提前致谢！

Answer 1

宽度必须是常量才能使边距为自动。

Answer 2

在您的联系人页面中编辑css为

＆＃13;

.wdform_page {
  text-align: center;
}
.wdform_section {
  text-align: left;
  margin: auto 0;
}

＆＃13;

Answer 3

块元素的默认宽度为100％，因此自动边距没有意义。

您可以将其设置为内联块元素（将文本对齐设置为父元素的中心），或者只是定义特定的宽度。

body {text-align: center;}
div {
  background: #ccf;
  margin: 4px auto;
  padding: 4px;
  border: 2px solid #99f;
}

#d2 {display: inline-block;}
#d3 {width: 200px;}

<div id="d1">Original</div>
<div id="d2">Inline-block</div>
<div id="d3">Specific Width</div>

为什么不工作保证金：0自动？CSS

3 个答案: