我有这张桌子:
<table class="table table-bordered table-condensed col-md-12">
<thead>
<tr>
<td>Input</td>
</tr>
</thead
<tbody>
<tr>
<td><input type="text" /></td>
</tr>
</tbody>
</table>
我使用Bootstrap作为我的框架,它看起来像这样:
如何拉伸输入宽度&amp;高度适合表格单元格?
我在输入时使用CSS:width: 100%
我在td:padding: 0; margin: 0;
答案 0 :(得分:11)
@Araz评论:
tr td{
padding: 0 !important;
margin: 0 !important;
}
答案 1 :(得分:1)
将padding:0
添加到td
。将样式表放在bootstrap.css
下方。所以!important
不是必需的。如果您在内联中使用css,则需要!important
。 .form-control
类用于生成单元格的输入宽度100%
。
td{padding:0px !important}
.form-control{border-radius:0px !important;}
&#13;
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-bordered table-condensed col-md-12">
<thead>
<tr>
<td>Input</td>
</tr>
</thead
<tbody>
<tr>
<td><input type="text" class="form-control" /></td>
</tr>
</tbody>
</table>
&#13;