Question

对于我的生活，我不能将这些标签风格化，事实上，css中的一些元素甚至不起作用。任何帮助/解释赞赏

<div id="calcbox">
    <form name="form1" class="contact_form">
        <ul>
            <li>
                <label>Item Cost</label>
                <input type="text" id="itemCost" placeholder="$ 0.00" />
            </li>
            <li>
                <input type="button" class="calculatebutton" value="Cash Payment" />
            </li>
            <li>
                <input type="button" class="calculatebutton" value="Card Payment" />
            </li>
            <li>
                <label style="width:100px;">Purchase Cost</label>
                <input type="text" id="total" placeholder="$ 0.00" readonly style="clear:both" />
            </li>
        </ul>
    </form>
</div>

Answer 1

我不确定它是否与width有关。但是，只要这是你问题中唯一的CSS，我就会假设它。

标签是内联元素，而不是块。设置任意width（以及其他一些属性）将不起作用，它将适合其内容。

仍有一个解决方案：您可以使用style="width:100px; display: inline-block"

更改其显示行为

为什么不会形成标签风格

1 个答案: