中心表单提交按钮 HTML/CSS [英] Center form submit buttons HTML / CSS

问题描述

我无法在 CSS 中将 HTML 表单提交按钮居中.

现在我正在使用:

 <input value="手气不错" title="手气不错" name="幸运" type="submit" id="btn_i">

使用此 CSS 内容

#btn_s{宽度:100px；左边距:自动；右边距:自动；}#btn_i {宽度:125px；左边距:自动；右边距:自动；}

它什么也没做.我知道我可能在做一些愚蠢的错误.我该如何解决这个问题?

解决方案

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

我只是在它们周围包裹了一个 div 并使其居中对齐.那么你就不需要按钮上的任何 css 来使它们居中.

<input value="Search" title="Search" type="submit" id="btn_s"><input value="手气不错" title="手气不错" name="幸运" type="submit" id="btn_i">
.buttonHolder{ 文本对齐:居中；}

I'm having troubles centering my HTML form submit buttons in CSS.

Right now I'm using:

    <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">

with this CSS content

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

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

And it's not doing anything. I know I'm probably doing something stupid wrong. How can I fix this?

解决方案

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

i just wrapped a div around them and made it align center. then you don't need any css on the buttons to center them.

<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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！