Làm thế nào để bạn tiết kiệm không gian trong html?
Đôi khi bạn muốn hiển thị nội dung theo định dạng giống như đã gõ trong vùng văn bản. Ví dụ: một văn bản từ vùng văn bản có thể chứa ngắt dòng hoặc dòng trống Show Thuộc tính CSS Giữ nguyên dòng mới, ngắt dòng và khoảng trắng trong HTMLSử dụng cài đặt
Và đây là cách một văn bản trông như thế nào với kiểu dáng CSS Nếu bạn muốn văn bản của mình tràn qua ranh giới của phần gốc, bạn nên sử dụng Sự khác biệt đối với Trình tự của khoảng trắng là. Các ký tự dòng mới trong nguồn được xử lý giống như các khoảng trắng khác. Các dòng bị ngắt khi cần thiết để điền vào các hộp dòng white-space =4 khoảng trắng như đối với white-space =3, nhưng chặn ngắt dòng (gói văn bản) trong nguồn white-space =6 Dãy khoảng trắng được giữ nguyên. Các dòng chỉ bị ngắt tại các ký tự dòng mới trong nguồn và tại các phần tử white-space =7 white-space =8 Dãy khoảng trắng được giữ nguyên. Các dòng bị ngắt ở các ký tự dòng mới, tại white-space =7 và khi cần thiết để điền vào các ô dòng 0Trình tự của khoảng trắng là. Các dòng bị ngắt ở các ký tự dòng mới, tại white-space =7 và khi cần thiết để điền vào các ô dòng 2Hành vi này giống với hành vi của white-space =8, ngoại trừ việc
Bảng sau đây tóm tắt hành vi của các giá trị white-space =3CollapseCollapseWrapRemoveHang white-space =4CollapseCollapseNo wrapRemoveHang white-space =6PreservePreserveNo wrapPreserveNo wrap white-space =8PreservePreserveWrapHangHang 0PreserveCollapseWrapRemoveHang 2PreservePreserveWrapWrapWrapGhi chú. Có sự phân biệt giữa khoảng trắng và các dấu phân cách không gian khác. Chúng được định nghĩa như sau Dấu cách (U+0020), tab (U+0009) và dấu ngắt đoạn (chẳng hạn như dòng mới) ngăn cách không gian khácTất cả các dấu cách dấu cách khác được định nghĩa bằng Unicode, ngoài những dấu cách đã được định nghĩa là dấu cách Trường hợp khoảng trắng được cho là treo, điều này có thể ảnh hưởng đến kích thước của hộp khi được đo kích thước nội tại Đặc tả văn bản CSS chứa một phần xác định chính xác "khoảng trắng bị thu gọn" nghĩa là gì, bao gồm một ví dụ có hình minh họa. Thông thường, nó có nghĩa là giảm các chuỗi gồm nhiều ký tự khoảng trắng xuống còn một ký tự khoảng trắng — mặc dù trong một số trường hợp, điều đó có nghĩa là giảm chúng thành không có ký tự nào (chuỗi trống) Giá trị ban đầu_______1_______3Áp dụng cho tất cả các phần tửKế thừayesGiá trị được tính toán như đã chỉ địnhKiểu hoạt ảnhrời rạc Làm cách nào bạn có thể giữ khoảng trắng trong HTML để cung cấp mã mẫu?Thẻ HTML xác định văn bản được định dạng sẵn giữ cả khoảng trắng và ngắt dòng trong tài liệu HTML. Thẻ này cũng thường được gọi là phần tử
Mã HTML nào dành cho không gian?Để thêm khoảng trắng thực vào văn bản của mình, bạn có thể sử dụng thực thể ký tự . Mẹo. Dấu gạch ngang không ngắt (‑) được sử dụng để xác định ký tự gạch nối (‑) không ngắt thành một dòng mới. |