Nest標籤內部Html5按鈕標籤

Question

<button class="myClass"> 
<label style="width:500px">This is sample 1</label> 
<img class="btnImg" src="images/list_item_arrow.png"/> 
</button> 
.myClass 
{ 
opacity:0.3; 
color:#30F; 
height:50px; 
width:90%; 
font-size:20px; 
text-decoration:blink; 
font-family:"Arial Black", Gadget, sans-serif; 
} 

標籤不佔用寬度，因此提供。 要求是：如果按鈕在％或px中佔用一些寬度，我們可以在右端顯示圖像。 在此先感謝

Answer 1

其按鈕的標籤，所以我不認爲給寬度將是有用的。您可以添加text-align：left;添加到圖像「.myClass」中，並將空白左邊添加到圖像中，這樣您就可以將圖像放置在右側的任何位置。

Answer 2

標籤不屬於控件內部。他們打算標記控制。如果它在控制中，則不需要指示它是標籤，因此標籤通常具有inline的默認display屬性，所以不需要指出它是標籤。爲了回答手頭的問題，其寬度可能不會改變，因爲標籤通常具有默認的display屬性inline。您可能需要block或inline-block。