css - 验证时删除 html 字段之间的空格

Question

如何在验证字段时删除字段之间的空格？

验证前

验证后

我的CSS

.field-validation-error {
   width: 100%;
   font-size: 8pt;
   display: inline-block;
   position: relative;   
   text-align: right;
   right: 5px;
   top: -26px;        
}

.input-validation-error {
   border: 1px solid #ff0000;
   background-color: #ffeeee;
}

Answer 1

我的假设是您的字段本身不是inline-block

为您的 View 提供 html 源代码。

或者尝试在您的 .field-validation-error 类中使用 float:left 而不是 display:inline-block