Tôi có vùng văn bản có chiều cao dòng được đặt thành "bình thường". Tuy nhiên, tôi vẫn có thể nhận được giá trị điểm ảnh thực tế trong FireFox:Tìm giá trị pixel cho chiều cao dòng khi "bình thường" trong Chrome
// firefox
>>> $("#post_body").css('line-height')
"19.1167px"
Trong khi tôi không thể trong Chrome:
// chrome
>>> $("#post_body").css('line-height')
"normal"
Làm thế nào tôi có thể nhận được chiều cao dòng điểm ảnh thực tế trong Chrome?
Giá trị độ cao dòng là một số. Con số này đại diện cho một phép nhân của kích thước phông chữ của nút hiện tại. Điều này phức tạp hơn nếu phông chữ của nút hiện tại được đo bằng các đơn vị em hoặc cũ và được thiết lập từ nhiều lớp thừa kế nhưng không được khai báo rõ ràng tại nút hiện tại. Đây là trường hợp xấu nhất. Trong trường hợp này, bạn sẽ phải tiêm ký tự "m" chữ thường và đo chiều rộng pixel của nó bằng thuộc tính clientWidth rồi xóa nó.
Câu hỏi được áp dụng khi 'line-height' là' normal' (giá trị pháp lý cho thuộc tính CSS này). Vì vậy, câu trả lời này, bắt đầu bằng "Giá trị độ cao dòng là số" không được áp dụng ở đây. Tôi khuyên bạn nên loại bỏ nó. –
bạn có thể thử thiết lập css:
#post_body {line-height:1;}
Sau đó, đầu ra Chrome sẽ thực pixel.
Đặt 'chiều cao dòng: 1' có nghĩa là nhân kích thước phông chữ với 1. Đây sẽ không phải là chiều cao dòng. – arttronics
Cảm ơn chanh! Mẹo của bạn hoạt động. – KunJ
Bạn chỉ muốn có chiều cao dòng mặc định? Bạn chưa đặt? – Purag
Câu trả lời bạn tìm kiếm là [ở đây] (http://stackoverflow.com/a/18430767/1195891). Tôi đã sửa đổi [jsFiddle] (http://jsfiddle.net/arttronics/AZ6hJ/) cho câu trả lời của mình: Xem nút giữa 'calculateLineHeight()' để sử dụng Chrome. Chỉnh sửa: Bật bảng điều khiển trình duyệt để xem kết quả. – arttronics