Asp:CheckBox 复选框和文本不在同一行

【问题标题】：Asp:CheckBox checkbox and text are not on the same lineAsp:CheckBox 复选框和文本不在同一行
【发布时间】：2013-11-22 09:19:41
【问题描述】：

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

谢谢。

【问题讨论】：

这种行为在混合 ASP.NET Web 表单和 Twitter Bootstrap 时很常见。您使用的是引导程序还是其他一些 css 框架？

标签： asp.net

【解决方案1】：

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

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

【讨论】：

似乎父 div 不允许设置此标签。 #sign_up 标签 { 显示：块；边距底部：10px；颜色：#536376；字体大小：0.9em；文本对齐：左； } .chsli 标签 { 显示：内联； // 这是一个删除线 }
这行得通：.chsli label { display:inline-block!important; }