Html xóa khoảng trắng giữa đoạn văn và danh sách không có thứ tự
Các biểu định kiểu cung cấp các tùy chọn để kiểm soát không gian dọc trước một danh sách và giữa các mục danh sách và để kiểm soát khoảng cách ngang của danh sách và các điểm đánh dấu của danh sách Tác giả tài liệu có thể giảm thiểu khoảng cách giữa các mục danh sách trong phần tử div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }9 hoặc div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }0 bằng cách thêm thuộc tính div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }1 vào phần tử danh sách. Trong đầu ra HTML, danh sách sẽ nhận được thuộc tính div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }2 trên thẻ bắt đầu danh sách để giảm khoảng cách trong trình duyệt. Trong bản in, khoảng cách giữa các mục sẽ được xác định bởi bộ thuộc tính div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }3 thay vì bộ thuộc tính div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }4 thông thường Trong đầu ra HTML, để kiểm soát thêm khoảng cách dọc, bạn có thể tạo các kiểu CSS như sau Space above a list: div.orderedlist { margin-top: 3em; } Space between list items: div.orderedlist li { margin-top: 1em; } Bạn có thể muốn chú ý đến cách các danh sách lồng nhau được đặt cách nhau bằng cách tạo bộ chọn CSS cho chúng. Trong bản in, để kiểm soát khoảng cách dọc giữa các mục trong danh sách, bạn nên tùy chỉnh các bộ thuộc tính có tên là div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }4 và div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }3. Để tùy chỉnh không gian dọc bên trên và bên dưới danh sách, bạn nên tùy chỉnh bộ thuộc tính có tên là div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }2. Bộ thuộc tính thứ hai cũng được sử dụng cho div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }3, div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }4 và các lời khuyên như div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }5 Đối với đầu ra HTML, bạn có thể kiểm soát khoảng cách ngang cho các phần tử div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }0 và div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }9 bằng cách sử dụng các kiểu CSS. Sau đây là hai ví dụ về đặt thụt lề tổng thể cho div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }0 và thụt lề của đoạn văn so với ký tự dấu đầu dòng div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; } Kiểu đầu tiên đặt thụt lề trái tổng thể của toàn bộ danh sách thành 2em. Kiểu thứ hai tăng thụt lề của đoạn so với ký tự dấu đầu dòng thêm 1em Đối với bản in, bạn có thể thêm thụt lề trái vào tất cả các danh sách bằng cách thêm thuộc tính div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }9 vào bộ thuộc tính div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }2. Phần thụt lề đó sẽ được áp dụng cho tất cả các yếu tố div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }0, div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }9, 1in 0pt3, div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }3, div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }4 và lời khuyên. Nếu bạn chỉ muốn thụt lề áp dụng cho một loại danh sách thì hãy tùy chỉnh bộ thuộc tính như sau________số 8 Khi bạn sử dụng kỹ thuật này, hãy đảm bảo bao gồm một số giá trị 1in 0pt6, nếu không bạn sẽ tạo ra một thuộc tính trống có khả năng tạo ra thông báo lỗi Bạn cũng có thể đặt thụt lề của đoạn văn so với nhãn dấu đầu dòng hoặc số. Nếu bạn muốn thay đổi thụt lề trên toàn cầu cho tất cả các phần tử div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }0, thì hãy thay đổi tham số biểu định kiểu 1in 0pt8 từ giá trị mặc định của nó là 1in 0pt9. Đối với phần tử div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }9, hãy thay đổi tham số div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }51 Nếu bạn muốn thay đổi một danh sách riêng lẻ, bạn có thể thực hiện điều đó bằng cách sử dụng hướng dẫn xử lý div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }52 trên thành phần danh sách trong tài liệu của mình div.itemizedlist { margin-left: 2em; } div.itemizedlist li { padding-left: 1em; }5 Điều này hữu ích nếu bạn có một danh sách rất dài và chiều rộng của các số vượt quá dung lượng có sẵn. Tương tự như vậy, khi sử dụng các số kế thừa như được mô tả trong phần “Kiểu đánh số khác”, bạn sẽ cần thêm dung lượng Khoảng cách ngang của các phần tử 1in 0pt3 phức tạp hơn và được thảo luận trong phần “tùy chọn danh sách biến” Bạn muốn kiểm soát danh sách của mình trông như thế nào. Có thể bạn muốn có thêm một chút khoảng cách giữa dấu đầu dòng và văn bản hoặc nhiều khoảng cách hơn giữa các dòng trong danh sách cửa sổweb Bạn có thể thực hiện tất cả các thay đổi về giãn cách dòng trong hộp thoại Đoạn văn. Đây là cách
Nếu tất cả những gì bạn muốn làm là thêm khoảng cách giữa dấu đầu dòng và văn bản trong danh sách, thì bạn đã hoàn tất. Hoặc …
Nếu bạn muốn tăng hoặc giảm khoảng cách giữa các mục trong danh sách có dấu đầu dòng hoặc được đánh số, hãy làm điều này
|