html - Bootstrap 输入标签溢出面板主体

Question

我的元素中有以下面板:

如您所见，它有一些严重的错误...即 bootstrap 输入标签决定溢出并超出 panel。

我的问题是，当给定行上没有足够的空间时，我怎样才能让它换行到下一行...

我有以下 html:

  <div class="panel-body">
      <div style="max-width:100%">
         <span *ngFor="let hobbie of sport.hobbies" class="label label-success" style="padding:2%; margin-right:1%">{{hobbie.name}}</span>
      </div>
  </div>

我试过设置max-width, display:inline-block, word-wrap: break-word 但是都没有我在网上找到的这些解决方案对我有用。

谁能建议我还能尝试什么？

Answer 1

尝试使用 float:left 而不是 display:inline-block