Html 在表格单元格中内联输入和div
有人知道如何在表格单元格中内联输入和div吗? 代码如下:Html 在表格单元格中内联输入和div,html,css,Html,Css,有人知道如何在表格单元格中内联输入和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> % 这很简单
<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>
%
这很简单。只需添加以下CSS代码:
.form控件、.input组插件{
显示:内联;
}
%
您似乎在为输入添加标题,在这种情况下,我建议使用
标记而不是
HTML:
%
请添加:.form control、.input group addon{display:inline block;}
。
<td>
<div class="input-group">
<label><input type="text" data-tier-id="1" class="form-control notes" value="2.829%">%</label>
</div>
</td>
.form-control notes, .input-group-addon {
display: inline-block;
}
<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>