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。