中心表单提交按钮HTML / CSS

小编典典

中心表单提交按钮HTML / CSS

css

我在将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;
}

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

阅读 426

2020-05-16

共1个答案

小编典典

我只是将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; }

2020-05-16