html - 在 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

标签不属于控件内部。它们旨在标记控件。如果是在控件中，就不用说明是标签了，

要回答手头的问题，它的宽度可能不会改变，因为标签通常具有默认display属性inline. 你可能想要block或inline-block。