ASP.NET - 让表单的字段与 CSS 对齐答案

【问题标题】：ASP.NET - getting a form's fields to line up with CSSASP.NET - 让表单的字段与 CSS 对齐
【发布时间】：2011-01-08 23:01:44
【问题描述】：

我正在尝试学习如何使用 CSS 而不是表格来排列表单的字段。我很难使用 CheckBox 控件。代码如下：

<html xmlns="http://www.w3.org/1999/xhtml" >

<label for="CheckBox1">CheckBox</label>
<asp:CheckBox ID="CheckBox1" runat="server" />
<br />
<label for="TextBox1">TextBox</label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<div>

</div>
</form>

这是 CSS：

body
{
}

label
{
    width:300px;
    float:left;
}

我得到的东西看起来像这样：

复选框 []

[CheckBox1] 文本框 [ ]

为什么 [CheckBox1] 在下一行？

这是一张图片：

另外，有没有更好的方法来做到这一点？

【问题讨论】：

这将是有争议的，但我使用 TABLE 来处理这样的事情。问题解决了。

标签： asp.net css webforms

【解决方案1】：

自从我在 ASP.Net 上工作以来已经有一段时间了，但如果我没记错的话，复选框控件有一个属性可以让您指定文本出现的位置（在它的下方或侧面）。这可能会解决您的问题。

【讨论】：

【解决方案2】：

[CheckBox1] 仅出现在设计视图中 - 如果您运行应用程序，您会发现它不存在。

[CheckBox1] 出现在设计视图中，因为您尚未设置复选框的文本 - 看起来您正在使用标签。

【讨论】：