css - 自动换行后的边距将被忽略

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”只会对齐:左。

我该怎么做才能修复它？ 看起来像click (问题出在我的绿色箭头和垂直线的右边)

谢谢你的帮助

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