Html 使用css的垂直居中按钮

我试图使一个简单的输入按钮在表格单元格中居中对齐

我的标记是：

XXXXXXXXX
YYYYYY



XXXXXXX
YYYYYY

.container{
背景：浅蓝色；
显示：表格；
宽度：100%；
}
输入[类型=按钮]{
显示：块；
宽度：50%；
保证金：0自动；
}
.按钮包装{
背景：darkorange；
显示：表格单元格；
垂直对齐：中间对齐；
}

有几行文字
另一行文字

如果您将按钮设置为

内联

元素，并将

文本对齐：居中

添加到父级

td

中，您应该不会有问题

.tools{
文本对齐：居中；
}
.提交{
显示：内联；
}

XXXXXXXXX
YYYYYY



XXXXXXX
YYYYYY

谢谢你的帮助，我快疯了。您的解决方案非常有效。：）如果我改为，它将无法正常工作。您能帮我使用吗？@Hoang您必须将html

中的这一行更改为

单击我

OP想要一个不使用表格的解决方案