html - 为什么这个按钮在 html 中没有正确对齐？

Question

我有以下用于提交按钮的 html 片段：

<input style="height: 30px; width: 120px" type="submit" align="right" name="" value="Submit">

但它根本没有向右对齐（或者我想要的中间）。对齐标签似乎没有做任何事情，为什么会这样？

score 1 · Accepted Answer

元素没有align 属性。_ 在想知道为什么标记不能按预期工作之前，您应该使用验证器。input

使用CSS进行演示。

您可能想text-align在父元素上使用或float

score 1 · Accepted Answer

HTML的align属性在很久以前就被弃用了。作为一种好的做法，所有样式都应该由 CSS 而不是 HTML 来完成，例如：

<input style="height: 30px; width: 120px; float: right" type="submit" name="" value="Submit">

甚至更好的做法 - 避免内联 CSS

<style>
input[type=submit] { height: 30px; width: 120px; float: right; }
</style>

<input type="submit" name="" value="Submit" />

2 回答 2