CSS对齐支持

Question

CSS：

p.submit {
text-align: center;
}

HTML：

<p class="submit">
  <input type="submit"value="submit" name="SUBMIT"/>
</p>

我正在尝试将“提交”按钮与中心对齐，但它不起作用。

Answer 1

如果您在margin:auto上使用input，则会将元素置于中心位置。它使元素两边的边距始终相同。但由于input是内联元素，因此您还必须使用display:block，因为无法调整内联元素的边距

input {
  margin:auto;
  display:block
}

Fiddle

此外，您的示例适用于Firefox 22

Fiddle

Answer 2

这将定位p元素中的提交按钮，使其居中。

p.submit input[type='submit'] {
   margin: auto;
   display: block;
}