当前位置 : 主页 > 网页制作 > html >

中心表单提交按钮HTML / CSS

来源:互联网 收集:自由互联 发布时间:2021-06-12
我在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_
我在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;
}

它没有做任何事情.我知道我可能做了一些愚蠢的错事.我怎样才能解决这个问题?

http://jsfiddle.net/SebastianPataneMasuelli/rJxQC/

我只是在它们周围包裹一个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; }
网友评论