8

如何使用 ie8 的纯 css 将输入字段拉伸到表格单元格的高度?

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

height:100%在输入上不起作用,以下组合也不起作用:

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

如果答案是你不能,那很好,我会把一些 jquery 放在一起来做。

4

2 回答 2

1

添加padding:0到 td 和height:100%输入

input { 
    height:100%; 
    display:inline-block;
    position:relative;
}
td {        
    border:solid green 1px;
    background:pink;
    padding:0;
}

演示

于 2013-04-03T11:21:48.650 回答
-1

添加height:100%;到您的输入并以百分比设置 td 标签的高度

于 2014-09-25T09:10:37.673 回答