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

Question

我在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"

以下是输出和预期结果

Answer 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;
}