html – 拉伸输入字段高度以填充表格单元格

发布时间：2020-12-14 18:40:36 所属栏目：资源来源：网络整理

导读：如何使用普通css为ie8将输入字段拉伸到表格单元格的高度？ table tr tdline1br /line2/td tdinput type = "text" //td /tr/table 高度：输入100％不起作用,也不组合： height:inherit; display:inline-block; position:relative; 如果答案是你不能,那就没关

如何使用普通css为ie8将输入字段拉伸到表格单元格的高度？

<table>
    <tr>
        <td>line1<br />line2</td>
        <td><input type = "text" /></td>
    </tr>
</table>

高度：输入100％不起作用,也不组合：

height:inherit;
    display:inline-block;
    position:relative;

如果答案是你不能,那就没关系,我会把一些jquery放在一起做.

解决方法

添加填充：0到td和高度：100％输入

input{ 
height:100%; 
    display:inline-block;
    position:relative;

}
td{

    border:solid green 1px;
    background:pink;
    padding:0
}

DEMO

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!