Align=“右”禁用按钮

Question

我想要一个按钮在div的右下角。它正常工作，但是在将align=“右”添加到html后，按钮不再起作用(尽管它确实对齐到右)。

<input id="exitbutton" align="right" style="width:15px" type="image" src="images/#"/>

这一切为什么要发生？

Answer 1

理想情况下，如果使用HTML5，align="right"不是输入标记的属性。因为您已经应用了内联样式，所以您可以只应用float:right来将输入按钮向右对齐。

<input id="exitbutton" style="width:15px; float:right" type="image" src="images/#"/>

Answer 2

对于按钮，在css中使用文本对齐，而不是使用内联属性。尽量避免给出带有属性的样式。

对于表单元素，如果您没有使用flex，则应该使用float。但请记住，您应该清除浮动，以防止视觉错误

Answer 3

align属性不适用于输入字段。您可以像这样使用float：

​

input{float:right;}

<input id="exitbutton" style="width:15px" type="image" src="images/#"/>

​