将 Css 添加到动态创建的标签和文本框答案

【问题标题】：Add Css to dynamically created label and textbox将 Css 添加到动态创建的标签和文本框
【发布时间】：2016-05-23 21:52:40
【问题描述】：

我在我的 C# 代码中动态创建标签和文本框，并且遇到了 css 格式问题。由于标签和文本框是分别生成的，因此将 css 添加到它以向左浮动并添加填充一直是一个挑战。我是 c# 新手，希望能提供任何帮助。

我尝试将 cssClass 添加到文本框和标签，但格式已关闭。

这是我的 CSS：

.form-control{
    margin-bottom:10px;
    width:300px;
    float:left;
}

.form-control-label{
    display:block;
    float:left;
}

我使用

在脚本端添加了css类

label.CssClass = "form-control-label";
textbox.CssClass = "form-control"

这是输出和预期结果

【问题讨论】：

您正在使用 WebForms？
@PedroFernandesFilho 这看起来可能是 MVC

标签： c# asp.net

【解决方案1】：

不确定标签的文本对齐方式，但您可以尝试以下样式类：

.form-control
{
    float: left;
    width: 300px;
}
.form-control-label
{
    clear: left;
    float: left;
    width: 120px;
    text-align: left;
}

如果您希望标签文本右对齐，您可以更改以下样式：

.form-control-label
{
    clear: left;
    float: left;
    width: 120px;
    text-align: right;
    margin-right: 8px;
}

【讨论】：

你太棒了。谢谢。