主页 / 问题 / 1223318
Accepted
alex
Asked:2021-12-24 19:41:52 +0000 UTC2021-12-24 19:41:52 +0000 UTC

如何将输入字段拉伸到表格单元格的整个宽度

  • 772

有一个表格，在其中插入了用于过滤的字段的顶行。如何使这些输入字段伸展到单元格的整个宽度。

<table class="table table-bordered table-dark" id="table-show">
    <thead>...</thead>
    <tbody>
        <div >
            <tr class='table-filters'>
                <td>
                    <input type="text" class="input-filter"/>
                </td>
                <td>
                    <input type="text"/>
                </td>
            </tr>
            <tr>...</tr>
        </div>
    </tbody>
</table>

像这样：

.input-filter {
    width: 100%;
    height: 100%;
}

不起作用。

这是它在我的浏览器中显示的内容（为了清楚起见，我又添加了一行）： 表

html

1 个回答

  1. Best Answer

    像这样<td>的东西......单元格限制宽度

    <td style="width: 100%">
   <input type="text" class="input-filter"/>
</td>
    • 1

相关问题