CSS对齐提交按钮？

Question

显然我输入了表单标签上的提交按钮。文本对齐显然不起作用。我不想使用margin-left因为我的宽度可能会在以后改变，我希望它更“合适”。你能想到的任何方式吗？

HTML：

<input type="submit" value="Subscribe" name="jetpack_subscriptions_widget">

CSS：

#blog_subscription-3 input[name="jetpack_subscriptions_widget"] {
   margin-left:25px;
}

Answer 1

只需设置“顶部”，“左侧”，“底部”或“右侧”元素即可。现在，按钮所在的html元素需要调整大小以允许移动它。例如，如果按钮位于“span”标签的a侧，则“span”标签将仅为按钮的大小（以及范围中的任何其他内容）。只要有空间在父元素中移动它，这四个中的一个应该可以解决问题。

Answer 2

它对我有用。我看到有些人忘记了display财产。

#container input[type=button] 
{
    display: block;
    margin: 0 auto;
}

Answer 3

如果你想把它居中，那么

#blog_subscription-3 input[name="jetpack_subscriptions_widget"] {
  margin: 0 auto; 
}

或者

#blog_subscription-3 input[name="jetpack_subscriptions_widget"] {
      margin-left:auto;
      margin-right:auto;
    }

Answer 4

css上有一个共同的技巧来对齐中心的元素。

您要做的就是将边距设置为自动。

保证金：0自动;