2017-04-10 55 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/#"/>