现在有一个div
,里面放置了一个文本域textarea
标签,并且设置了div
的padding:0
,但是现在测试的情况是ie
下一切正常,但是火狐下,文本域和div
的底部有2px
的间隙,而在谷歌浏览器下更有5px
的间隙,不知道怎么做兼容。
下面是图示:
现在有一个div
,里面放置了一个文本域textarea
标签,并且设置了div
的padding:0
,但是现在测试的情况是ie
下一切正常,但是火狐下,文本域和div
的底部有2px
的间隙,而在谷歌浏览器下更有5px
的间隙,不知道怎么做兼容。
下面是图示:
3 回答5.2k 阅读✓ 已解决
5 回答2.1k 阅读
2 回答2k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
3 回答2.5k 阅读
2 回答1.1k 阅读✓ 已解决
2 回答2.2k 阅读
解决方案,在div中设置:
1,font-size:0px;
2,line-height:0px;
3,display:block;
4,在textarea中设置vertical-align:top;
原因:textarea是行内与元素,和文本的默认行为类似,下边缘是与基线对齐,而不是紧贴容器下边缘。其他行内元素也有类似的特征