将按钮与中心对齐

Gar*_*rry 16 html css

我有一个简单的提交按钮.我想把它与中心对齐.这是我的代码:

<input type="submit" name="btnSubmit" value="Submit" onClick="Submit" align="center">
Run Code Online (Sandbox Code Playgroud)

但是,它不起作用.最好/最简单的方法是什么?

lvi*_*vil 33

你应该使用这样的东西:

<div style="text-align:center">  
    <input type="submit" />  
</div>  
Run Code Online (Sandbox Code Playgroud)

或者你可以使用这样的东西.通过为元素指定宽度并指定auto左右边距,元素将在其父级中居中.

<input type="submit" style="width: 300px; margin: 0 auto;" />
Run Code Online (Sandbox Code Playgroud)

  • 这不太对.您发布了两种不同的方法来完成任务.其中一个是正确的,另一个是错的.您可以在父项上使用`text-align:center`,这是正确的.但他可能不希望父母的一切都集中在一起.仅仅为了居中而添加它将是浪费的标记.在此解决方案中添加`margin:0 auto;`是不必要的.这是一个单独的方法.它需要提交按钮定义"宽度".你应该纠正你当前的答案,也可能发布第二个解决方案. (6认同)