2017-04-10 29 views
0

我想要一个div右角的按钮。它通常工作正常,但在向html添加align =“right”时,按钮不再有效(尽管它确实对齐到右侧)。align =“right”禁用按钮

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

这是为什么发生?

+0

我的建议是: 1)使用CSS而不是'align'属性2)不要使用内联CSS。 – domsson

+1

align是一个过时的属性,使用float。您的代码无法显示您的问题。请设置一个代码段或发布html/css来重现您的问题。这是你给我们的https://jsfiddle.net/3bdcuz5x/,它的工作原理 –

+0

似乎'align' attribut不存在type =“image” https://developer.mozilla.org/fr/docs/Web/HTML /元素/输入/图像 –

回答

2

如果您使用的是HTML5,理想情况下align="right"不是输入标签的属性。由于您已经应用内联样式,因此您只需应用float:right即可将输入按钮对齐到右侧。

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

对于按钮而不是使用内联属性在您的CSS中使用文本对齐。尽可能避免给予属性风格。

对于表单元素,如果不使用flex,应该使用float。但是,请记住它,你应该为了避免视觉误差

0

align属性不是输入字段 您可以使用float这样清除浮动:

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