Chrome文本区域高度问题

发布于 2024-11-27 18:28:12 字数 298 浏览 1 评论 0原文

有人能解决 Chrome 中文本区域高度问题吗?

在这样的简单情况下:

<div>
    <textarea>
    </textarea>
</div>

Google Chrome 添加两个像素,因此 div.height = textarea.height + 2px。是的,我尝试了埃里克的“reset.ccs”——没有成功。

PS 当然,在我的“简单情况”中,textarea 和 div 有边框、填充和边距 0px。

Is anyone have solution for textarea height problem in Chrome?

In simple case like this:

<div>
    <textarea>
    </textarea>
</div>

Google Chrome add two pixels, so div.height = textarea.height + 2px. And yes, I try Eric's "reset.ccs" — didn't work.

P.S. of course in my "simple case" textarea and div have border, padding and margin 0px.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

吲‖鸣 2024-12-04 18:28:12

这是因为 textarea 是一个被替换的内联元素。

textarea {
    display:block;
}

应该解决你的“问题”。

It's because textarea is a replaced inline element.

textarea {
    display:block;
}

should solve your "problem".

最佳男配角 2024-12-04 18:28:12

2px 是标准边框大小。但在所有浏览器上都是一样的。

这适用于 Chrome、Firefox。

无边框:http://jsfiddle.net/NctDT/2/

边框和调整后的 div 高度:http://jsfiddle.net/NctDT/4/

在这两种情况下,divtextarea 的高度都完美对齐。

The 2px is the standard border size. It's the same across all browsers though.

This works in Chrome, Firefox..

No borders : http://jsfiddle.net/NctDT/2/

Borders and ajusted div height : http://jsfiddle.net/NctDT/4/

In both cases the div and textarea are both perfectly aligned in height.

黑寡妇 2024-12-04 18:28:12

抱歉,但是添加

html,正文{
高度:100%;
}

似乎确实有效

Sorry, But adding

html,body{
height:100%;
}

really seems to work

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文