html - 使输入字段看起来像 bootstrap 3 中的表格单元格

Question

我在 bootstrap 3 中有一个表

<table class="table table-bordered table-condensed">
    <tbody>
        <tr>
           <td><input type="text" class="form-control" /></td>
           <td><input type="text" class="form-control" /></td>
           <td><input type="text" class="form-control" /></td>
           <td><input type="text" class="form-control" /></td>
           <td><input type="text" class="form-control" /></td>
           <td><input type="text" class="form-control" /></td>
        </tr>
    </tbody>
</table>

我可以让输入字段看起来像普通单元格吗？我希望输入字段填满整个单元格(没有输入边距或表格单元格填充)。就像 Excel 电子表格，我有很多单元格并且可以在每个单元格中写入。

Answer 1

是的。这样做:

input {display: block; padding: 0; margin: 0; border: 0; width: 100%;}
td {margin: 0; padding: 0;}

fiddle :http://jsbin.com/biqomurafage/1