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

希望这有帮助！

Answer 2

您似乎正在为input添加标题，在这种情况下，我建议您使用<label>代码而不是<div>。

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

否则..

CSS：

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

HTML：

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

内联表格单元格中的输入和div

2 个答案: