2011-08-04 31 views
6

Có ai có giải pháp cho vấn đề độ cao văn bản trong Chrome không?Chiều cao Textarea Vấn đề về Chrome

Trong trường hợp đơn giản như thế này:

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

Google Chrome thêm hai điểm ảnh, vì vậy div.height = textarea.height + 2px. Và vâng, tôi thử "reset.ccs" của Eric - không hoạt động.

P.S. tất nhiên trong textarea "simple case" của tôi và div có border, padding và margin 0px.

Trả lời

12

Đó là vì textarea là phần tử nội tuyến được thay thế.

textarea { 
    display:block; 
} 

nên giải quyết "sự cố" của bạn.

+0

này cuối cùng đảm bảo chiều cao textarea cùng trên Chrome và Firefox –

0

2px là kích thước đường viền chuẩn. Nó cũng giống nhau trên tất cả các trình duyệt.

này hoạt động trong Chrome, Firefox ..

Không biên giới: http://jsfiddle.net/NctDT/2/

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

Trong cả hai trường hợp, các divtextarea đều hoàn toàn phù hợp chiều cao.

+0

nhờ, trên thực tế, đó là lỗi của tôi và trả lời MatTheCat của giúp tôi – Donotello

+0

Bạn hiểu lầm vấn đề một chút. Đây là bản demo đầu tiên của bạn với một 'chiều cao' chỉ trên' textarea', kiểm tra nó trong Chrome: http://jsfiddle.net/NctDT/5/ – thirtydot

+0

Vâng, sau đó bạn thêm 'textarea {display: block;}'.) + 1 cho MatTheCat – Sparkup

-1

Xin lỗi, Nhưng thêm
html,body{ height:100%; }
thực sự dường như làm việc

Các vấn đề liên quan