asp.net - Asp:CheckBox 复选框和文本不在同一行

Question

我似乎无法弄清楚如何让复选框和相关文本出现在一行上。文字很短，所以似乎不是宽度问题。我尝试在控件上设置 display:inline，但是当它被渲染时，在输入和标签周围添加了一个 span，并且具有 display:inline。如果我使用 Chrome 中的资源视图手动将 display:inline 添加到结果标签中，那就没问题了。问题是我不知道如何让控件执行此操作。

谢谢。

Answer 1

您希望display:inline应用到<label>ASP 生成的用于保存标签文本的元素，而不是控件本身。因此，例如：

<style type="text/css">
    label { display: inline-block; }
</style>
<asp:CheckBox Text="This text appears on same line as checkbox" runat="server" />