Question

<div class="text-center">
          <re-captcha
           [ngClass]="{'face err-captcha': captchaResponse==false && submitted}"
          class="recaptcha" (resolved)="resolved($event)" siteKey={{captchaSiteKey}}>
          </re-captcha>
     </div>

Image

如果我不使用内联块，则该验证码块不会居中。当我删除它时，边框消失了，但验证码却乱了。

 .recaptcha {
  display: inline-block;
  background: #f9f9f9;
}

Image黑色背景，实际上不是边框，但看起来像一个边框。如果有一种方法可以在不使用内联块的情况下将其居中，则可以解决问题。

.recaptcha {
  display: inline-block;
  background: #080808;
}

Answer 1

这是显示的正常行为：inline-block;因此，有一些解决方案： 1.边距右（或此空间或边框即将出现的任何一面）：-1px;
2. font-size：0；给父母，并在内部项目中提供所需的字体大小

<div class="text-center"><re-captcha [ngClass]="{'face err-captcha': captchaResponse==false && submitted}" class="recaptcha" (resolved)="resolved($event)" siteKey={{captchaSiteKey}}></re-captcha</div>

第三个可能是与您联系的，但这也是一个不错的解决方案。删除所有空间并从代码中输入内容，基本上将其最小化。

内联块在ng-recaptcha

1 个答案: