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