Question

背景：我在烧瓶中有 HTML模板，由5行按钮组成，所有这些都是图片即可。每个 <div> 会自动开始一个新的按钮行，每行对齐到页面的左侧。

HTML代码：

<form action="/select" method="POST">
 <div>
  <input type=image/>
  <input type=image/>
 </div>
 <div>
  <input type=image/>
  <input type=image/>
  <input type=image/>
 </div>
</form>

注意：我正在尝试使用下面的CSS代码水平居中每一行（行数按钮数不同）：

CSS代码：

input {
height: 100px;
width: 100px;
border-radius: 10px;
}

div {
margin: 0 auto;
}

但是，告诉CSS以这种方式居中每一行是不起作用的（每行从左侧开始），也没有将margin: 0 auto;应用于input或我试过的任何CSS选择器创建。渲染模板的表单或烧瓶是否存在隐藏的复杂功能？或者我只是错过了定义保证金属性的适当位置？

Answer 1

将div中的text-align：center设置为水平居中元素：

div {
    text-align: center;
}

Answer 2

你有没有试过这个

<input type="image" src="submit.gif" align="right"  width="48" height="48">

您可以通过输入元素中的sing align标记将图像设置为居中对齐。

在HTML表单中居中显示图像按钮的行

2 个答案: