Trình duyệt hiển thị khoảng cách giữa tiêu đề và thẻ đoạn văn, bằng cách áp dụng lề trên và dưới mặc định cho các thẻ này. Nếu bạn muốn xóa tất cả khoảng cách giữa tiêu đề và đoạn văn theo sau nó, bạn phải xóa lề dưới khỏi tiêu đề và lề trên khỏi đoạn văn. Cách dễ nhất là chỉ cần gán lề dưới âm cho tiêu đề. Ghi chú. Lề có thể được đặt thành giá trị âm, mặc dù phần đệm không thể. Mã CSS tiếp theo minh họa điều này
<. DOCTYPE html CÔNG CỘNG “-//W3C//DTD XHTML 1. 0 nghiêm ngặt // EN” “https. //www. w3. org/TR/xhtml1/DTD/xhtml1-strict. dtd”>
<đầu>
Cách xóa tất cả khoảng trắng giữa tiêu đề và đoạn văn theo sau nó bằng CSS
Cổ phiếu giảm khi Sandy đóng cửa U. S. Thị trường
Chứng khoán giảm trên khắp thế giới và giá xăng tăng khi cơn bão Sandy đe dọa Hoa Kỳ. S. Các nhà máy lọc dầu ở bờ biển phía Đông và đóng cửa giao dịch cổ phiếu. Trái phiếu kỳ hạn hai năm của Ý giảm ngày thứ sáu và đồng euro suy yếu
Các trình duyệt theo mặc định sẽ tạo một khoảng cách nhất định giữa các dòng để đảm bảo rằng văn bản có thể đọc được dễ dàng. Ví dụ, đối với loại 12 điểm, trình duyệt sẽ đặt khoảng cách 1 điểm theo chiều dọc giữa các dòng. Khoảng cách giữa các dòng văn bản được gọi là hàng đầu, một thuật ngữ được kế thừa một cách lỏng lẻo từ xuất bản in
Chiều cao dòng sử dụng các đơn vị đo lường CSS tiêu chuẩn, giống như khoảng cách giữa các chữ cái. Bạn có thể chỉ định văn bản có 26 điểm dẫn đầu như thế này
Điều đó sẽ có nhiều tác dụng phụ không mong muốn, yêu cầu Jon chỉ định rõ ràng lề và phần đệm cho mọi loại phần tử cần chúng
Để giải quyết vấn đề trong tầm tay
h2 {margin-bottom:0}
p {margin-top:0}
Điều này sẽ loại bỏ lề dưới khỏi tất cả các thành phần H2 và lề trên khỏi tất cả các đoạn văn. Nếu điều đó là không mong muốn, hãy đặt một lớp trên tiêu đề
Quy tắc cuối cùng sẽ không hoạt động trong IE6 trở lên. Nếu điều đó là cần thiết, bạn cũng sẽ phải thêm một lớp trên đoạn văn
Đây là một trong những điều bạn biết hoặc bạn không biết. Nếu bạn đang ở thời điểm này, không có gì ngoài tin tốt. nếu bạn đã biết cách điều chỉnh khoảng cách giữa các dòng văn bản bằng HTML và CSS thì bạn đã đọc xong, còn nếu chưa biết thì hãy tiếp tục đọc và bạn sẽ
