html - 在表格单元格中内联输入和 div

Question

有谁知道如何在表格单元格中内联输入和 div？这是代码:

<td>
<div class="input-group">
    <input type="text" data-tier-id="1" class="form-control notes" value="2.829%">
    <div class="input-group-addon">%</div>
</div>
</td>

Answer 1

这很简单。只需添加以下 CSS 代码:

.form-control,.input-group-addon {
  display: inline;
  }

<td>
<div class="input-group">
    <input type="text" data-tier-id="1" class="form-control notes" value="2.829%">
    <div class="input-group-addon">%</div>
</div>
</td>

https://developer.mozilla.org/en-US/docs/Web/CSS/display

希望这对您有所帮助!