html - 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
}

小提琴

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

小提琴

Answer 2

这将针对 p 元素内的提交按钮，使其居中。

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