gpt4 book ai didi

webkit - 如何删除div包装器(webkit)内textarea下方的边距

转载 作者:行者123 更新时间:2023-12-03 21:05:58 34 4
gpt4 key购买 nike

这个问题在这里已经有了答案:





How do I fix inconsistent Textarea bottom margin in Firefox and Chrome?

(4 个回答)


4年前关闭。



 <!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="background-color:#f09;">
<textarea></textarea>
</div>
</body>
</html>

在 Chrome 中的结果:

删除了无效的 ImageShack 链接

结果在 FF:

删除了无效的 ImageShack 链接

最佳答案

尝试在 textarea 上显示:块:

 <!DOCTYPE html>
<html>
<head>
<style type="text/css">
textarea {display:block;}
</style>
</head>
<body>
<div style="background-color:#f09;">
<textarea></textarea>
</div>
</body>
</html>

问题是 textarea 是内联的,它使用文本高度来添加一些额外的填充。您还可以指定:
 <!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="background-color:#f09;line-height:0px;font-size:1px;">
<textarea></textarea>
</div>
</body>
</html>

如果您想保持 textarea 内联并且不想弄乱父块的字体属性(我建议使用 line-height 的前一种方法),另一个选项会很有帮助:
 <!DOCTYPE html>
<html>
<head>
<style type="text/css">
textarea {vertical-align:middle;}
</style>
</head>
<body>
<div style="background-color:#f09;">
<textarea></textarea>
</div>
</body>
</html>

最后,如果你真的担心浏览器之间的一致性,请记住边距和其他类似的东西可以在不同的浏览器中使用不同的默认值来定义。使用类似 YUI-Reset 的东西可以帮助将所有新浏览器带到您可以构建的一致标准。

关于webkit - 如何删除div包装器(webkit)内textarea下方的边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4019575/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com