Thẻ H1 vẫn có phần đệm hoặc lề ở phía dưới mặc dù không có thẻ nào được đặt

Question

Thẻ H1 vẫn có đệm hoặc lề ở phía dưới mặc dù không có bộ nào được đặt.

Tôi có thẻ h1 và một chút văn bản bên dưới. Tôi thiết lập lề và madding 0 trên cả hai và văn bản vẫn không ngồi ngay bên dưới văn bản h1.

tôi đã tạo ra một fiddle js để minh họa cho quan điểm của tôi

http://jsfiddle.net/6hCrC/

Answer 1

Không có đệm. Chỉ có không gian được phân bổ theo mặc định line-height và không có ký tự nào có con cháu (như p, q và g) trong văn bản.

http://jsfiddle.net/6hCrC/1/

Answer 2

Hãy thử sử dụng line-height: 70px;

Hope this helps!

Answer 3

Đây là điều cần làm với chiều cao dòng. Có lẽ một giải pháp thay thế sẽ là đặt lề âm cho đoạn đầu tiên.

Dưới đây là một ví dụ jsfiddle

http://jsfiddle.net/6hCrC/3/

Hoặc bạn có thể thiết lập chiều cao dòng đến một giá trị khác hơn là tự động (mặc định)

Answer 4

Mỗi font có không gian thẳng đứng của mình được gọi là line-height. Đó là số line-height của H1.

Kiểm tra điều này http://jsfiddle.net/6hCrC/4/

Answer 5

Điều chỉnh chiều cao dòng. http://jsfiddle.net/6hCrC/13/

Answer 6

Các giải pháp tốt hơn ở đây là:

h1, h2, h3, h4 {line-height: 1em;}