Làm thế nào để điều chỉnh dòng khoảng cách trong CSS?

Văn bản đến hôm nay vẫn là loại chính của thông tin được truyền trong mênh mông World Wide Web. Do đó, kiểm soát đối với sự xuất hiện được đưa ra đặc biệt chú ý. Một đặc điểm quan trọng của một khoảng cách dòng văn bản, trong đó xác định khoảng cách giữa các dòng. Nếu bạn chưa bao giờ gặp với quy tắc này, có lẽ bạn chưa bao giờ làm việc với CSS. Xét cho cùng, đây là ngôn ngữ phong cách cung cấp các lệnh có sẵn để thay đổi tất cả các đặc điểm bên ngoài quan trọng của văn bản. một quy định như vậy được hỗ trợ bởi tất cả các trình duyệt hiện đại và đi kèm như là tiêu chuẩn cho tất cả các phiên bản của Cascading Style Sheets (CSS: Cascading Style Sheets).

nguyên tắc

Trong CSS, khoảng cách giữa các dòng được thiết lập bằng phương tiện của một nhóm line-height đơn giản. Buổi ghi hình được thực hiện theo cách thông thường. Giá trị có thể được gán cho bất kỳ số nguyên không âm. Nếu nó được tuyên bố: «line-height: -4px;», lệnh sẽ bị bỏ qua. Bạn có thể chỉ định giá trị: «bình thường» hoặc «kế thừa». Đầu tiên là sử dụng khoảng thời gian điều chỉnh tự động được định nghĩa theo loại và kích cỡ của phông chữ được chọn. Trong trường hợp này, khoảng cách giữa các dòng thiết lập bởi các trình duyệt riêng của mình. Giãn cách dòng có thể là bất kỳ giá trị được thừa hưởng từ thẻ "cha mẹ" bởi giá trị «kế thừa».

giá trị

Tất cả các giá trị khác nhau từ các lệnh chuẩn có thể được chia thành hai loại: tương đối và tuyệt đối. CSS cho phép bạn kiểm soát dòng khoảng cách khoảng cách giữa các dòng linh hoạt, sử dụng nhiều cách khác nhau và thuận tiện hơn để tùy chỉnh. Đối với giá trị tuyệt đối bao gồm tất cả các chiều dài nổi tiếng của đơn vị, được sử dụng trong CSS. Danh sách bao gồm: trong (inch), pt (điểm), px (pixel), và những người khác. Khoảng đếm ngược được làm từ một đường cơ sở của phông chữ. Nếu chúng ta viết một quy tắc: «line-height: 10px;», khoảng cách dòng sẽ luôn bằng 10 pixel. một phương pháp như vậy là lý tưởng khi bạn cần phải xác định phạm vi chính xác cho một phông chữ cụ thể. Nhưng đừng quên rằng tất cả việc mở rộng màn hình khác nhau. Và nếu bạn có một khoảng cách như vậy sẽ rất tốt, nó không có nghĩa là tất cả mọi người sẽ có tác dụng tương tự. Ví dụ, một lớn khoảng cách dòng điện thoại di động có thể gây ra sự bất tiện tuyệt vời.

giá trị tương đối

Để giải quyết vấn đề với một phần mở rộng khác nhau của màn hình, bạn có thể sử dụng các giá trị tương đối. Tỷ lệ sử dụng phổ biến nhất. Giá trị trong trường hợp này được thiết lập chiều cao tương đối phông chữ. Ví dụ, quy định cụ thể «line-height: 150%;" chúng tôi nhận được khoảng thời gian, chữ Medium nửa lớn. 100% là chiều cao của font chữ được sử dụng. Hầu hết các nhà phát triển có kinh nghiệm khuyến cáo sử dụng của nó là giá trị tương đối. Vì vậy, bạn sẽ tiết kiệm được bản thân và người dùng của họ từ những vấn đề liên quan đến một phần mở rộng khác nhau của màn hình.

phần kết luận

Nếu bạn đang sử dụng một bộ font chữ phi tiêu chuẩn, và bạn quan trọng đang là một khoảng cách dòng cũng xác định, lựa chọn các giá trị tuyệt đối. Trong mọi trường hợp khác đó là mong muốn thiết lập tỷ lệ tài sản. Khi bạn cần phải thực hiện một khoảng thời gian riêng cho một khu vực cụ thể của một tài liệu, sử dụng id-thẻ, hoặc selectors. Vì vậy, bạn sẽ không cần phải thiết lập khoảng cách dòng cho toàn bộ tài liệu.