Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在表格单元格中内联输入和div_Html_Css - Fatal编程技术网

Html 在表格单元格中内联输入和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> % 这很简单

有人知道如何在表格单元格中内联输入和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>

%

这很简单。只需添加以下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>