1

私のCSSでは、次のように定義しています。

.required:before
 {
    content: "*";
    font-weight: bold;
    color: Red;
 }

そして私の見解では次のとおりです。

   <div class="editor-label required">
        Customer Group
    </div>
    <div class="editor-field">
        @Html.DropDownList("GroupId", "")
        @Html.ValidationMessageFor(Function(model) model.GroupId)
    </div>

ただし、ビューを実行するとアスタリスクが表示されますが、次の行のラベルは同じ行に配置する必要があります。何か案は?

4

2 に答える 2

2

...................................................

HI は次のように位置を定義します

このCSSを行います

.required:before
 {
    content: "*";
    font-weight: bold;
    color: Red;
    position:absolute;
    left:0;
    top:0;
 }

.required{
position:relative;
    padding-left:10px;
}

デザインに応じて左または上に調整します

于 2012-09-28T12:00:40.507 に答える
0

display: inline-block;と の両方.requiredに追加.required:before:

.required, .required:before {
    display: inline-block;
}
于 2012-09-28T11:56:04.073 に答える