为什么我的提交按钮不居中？

由于某种原因，我的提交按钮不居中。 http://prime.programming-designs.com/test_forum/viewboard.php?board=0 为什么我的提交按钮不居中？

#submitbutton{ 
margin: auto; 
border: 1px solid #DBFEF8; 
background-color: #DBFEF8; 
color: #000000; 
margin-top: 5px; 
width: 100px; 
height: 20px; 
}

这里的HTML。

<form method=post action=add_thread.php?board=<?php echo''.$board.''; ?>> 
      <div id="formdiv"> 
       <div class="fieldtext1">Name</div> 
       <div class="fieldtext1">Trip</div> 
       <input type="text" name=name size=25 /> 
       <input type="text" name=trip size=25 /> 
       <div class="fieldtext2">Comment</div> 
       <textarea name=post rows="4" cols="70"></textarea> 
       <div class="fieldtext2">Fortune</div> 
       <input type="checkbox" name="fortune" value="fortune" /> 
      </div> 
      <input type=submit value="Submit" id="submitbutton"> 
     </form>

来源

2010-03-14 William

移动的内边缘：汽车和宽度：50％到表单的CSS，上而不是在#formdiv。

所以CSS会是这样的：

FORM { 
    margin: 0px auto; 
    width: 50%; 
} 

#formdiv { 
    background-color:#F9F9F9; 
    border:1px solid #DBFEF8; 
}

来源

2010-03-14 19:28:37 heisthedon

你不必修改你的HTML，只需要CSS。 – heisthedon 2010-03-14 19:59:29

因为按钮显示为内联。你必须设置为display:block :) #submitbutton

来源

2010-03-14 19:20:05

好吧，我补充说，它没有工作。 – William 2010-03-14 19:21:44

@William：它在Chrome中适用于我，只需采用您的确切代码并按照Ionut的建议进行更改即可。你使用的是什么浏览器？ – 2010-03-14 19:23:04

尝试添加文档类型并验证文档第一:) – 2010-03-14 19:27:38

您可以尝试在left: 50%;定位它，并给它的50像素阴性切缘向左（因为它是100像素宽）。这不是一个解释，为什么它不被哼唱，但可能是一个解决方案。

来源

2010-03-14 19:22:19

-2

总结你的按钮，在这样一个div：

<div style="text-align: center;"> 
    <input type="submit" value="Submit" id="submitbutton"> 
</div>

，按钮上摆脱display: block的。

编辑：当然，你必须使容器一样宽的容器，你想它的中心，所以添加width: 50%; margin: 0 auto;也div。像：

<div style="text-align: center; width: 50%; margin: 0 auto;"> 
    <input type="submit" value="Submit" id="submitbutton"> 
</div>

或更好！把包装的div的<div id="formdiv">

<div id="formdiv"> 
    . 
    . 
    . 
    <div style="text-align: center;"> 
     <input type="submit" value="Submit" id="submitbutton"> 
    </div> 
</div>

来源

2010-03-14 19:26:34 anddoutoi

我已经有身体作为文本对齐：中心虽然 – William 2010-03-14 19:28:00

是的，我看到现在和看过你的代码后，我今晚无法入睡，将有许多晚上的标签汤噩梦来。感谢您的问题-1 btw和祝你好运^^ – anddoutoi 2010-03-14 19:32:43

仍然无法正常工作。 – William 2010-03-14 19:43:54

为什么我的提交按钮不居中？

回答

相关问题