当设置了input 的fontSize时 , 即使 input 的 value ="" 的时候, 父元素的高度依据 fontSize 被撑开,无法缩小,请教

问题描述:
当设置了input 的fontSize时 , 即使 input 的 value ="" 的时候, td的高度依据 fontSize 被撑开的

目的:
fontSize 变大时, td会被自动撑高, (这个现在就可以)
同时, fontSize 不变的情况下,要可以缩小 td 高度, 此时td不被撑高

<table>
<tr>
      <td>
        <input type="text"  style="fontSize:20px"  value="" />
    </td>
</tr>
</table>

input套一个div，设置div高度+overflow:hidden隐藏，要不td会被内容撑开

<style>
    td > div,td {
        height: 25px;
        overflow: hidden
    }
</style>
<table>
    <tr>
        <td>
            <div>
                <input type="text" style="font-size:20px" value="" />
            </div>
        </td>
    </tr>
</table>

直接设置input框高度呃，height

将input设置成float浮动，就可以缩小父元素td了，因为内容元素有字体大小，所以有相对应的height，如果父元素td的height小于这个字体大小对应的值，那么这个字体就会被压缩，因为浏览器有个最小的默认字体，所以td的height就也会有这个最小的值

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632