Question

保证金仅对第一行产生影响（自动换行后（取决于大小）将被忽略）。

HTML：

    <div class="BWForm_form-group">
        <div class="col-md-3 BWTextLeft">
            <label class="control-label" for="ContactPersonName">Name des Ansprechpartners<span style="color:red; display: inline-block;"> *</span></label>
        </div>
        <div class="col-md-5">
            <div class="col-md-12">
                <input class="text-box single-line input-validation-error" data-val="true" data-val-required="The Name of contact person field is required." id="ContactPersonName" name="ContactPersonName" value="" type="text">
            </div>
        </div>
        <div class="col-md-4">
            <span class="field-validation-error" data-valmsg-for="ContactPersonName" data-valmsg-replace="true"><span class="" for="ContactPersonName">The Name of contact person field is required.</span></span>
        </div>
          </div>

css：

.field-validation-error {
color: #B94A48;
font-weight: bold;
margin: 15px;
}

“BWForm_form-group”由引导类form-group继承。“BWTextLeft”仅对齐：left。

我该怎么做才能修复它？它看起来像click（问题是我的绿色箭头和垂直线问题）

Ty求助

Answer 1

哦好了删除field-validation-error左边的边距，然后像容器一样添加一个新类

 <div class="col-md-12 custom">

，css如下所示

 custom {
 margin:15px;
 }

演示示例here

如果您不想弄乱col-md-12的边距，那么您应该添加一个像这样的周围div

      <div class="col-md-12">
           <div class="custom">
              <div class="field-validation-error">

自动换行后的保证金将被忽略

1 个答案: