中心表单提交按钮HTML / CSS

  • Z时代
  • 2024-01-10
  • 分类：问答

我在将CSS表单的HTML表单提交按钮居中时遇到麻烦。

现在我正在使用：

    <input value="Search" title="Search" type="submit" id="btn_s">
    <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i">

这个CSS内容

#btn_s{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
#btn_i {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}

而且它什么也没做。我知道我可能在做一些愚蠢的错误。我怎样才能解决这个问题？

回答：

我只是将div包裹在它们周围，并使其居中对齐。那么您不需要按钮上的任何CSS即可将它们居中。

<div class="buttonHolder">
  <input value="Search" title="Search" type="submit" id="btn_s"> 
  <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i">
</div>
.buttonHolder{ text-align: center; }

以上是 中心表单提交按钮HTML / CSS 的全部内容， 来源链接： utcz.com/qa/406689.html

回到顶部