Bạn có thể đặt tràn. ẩn trên phần tử ‘Body’ để chống lại điều này, nhưng tốt nhất có thể tìm phần tử thực sự gây ra nó, trong trường hợp này có vẻ như đó là ‘Prubeh Prolupace’ với lề phải âm -13
Thay đổi thành 0 và bạn sẽ không có khoảng trắng
Một trong những khách hàng của tôi đã yêu cầu tôi sửa lỗi trong chế độ xem Di động của trang web của anh ấy. Nó đang sử dụng chủ đề Astra Pro với trình tạo trang Thrive Architect
Chế độ xem trên thiết bị di động – Có thêm khoảng trắng ở bên phải [cuộn trái và phải] do cuộn nhỏ đến nút tới
Nhận xét của khách hàng
|
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
4
Thu gọn khoảng trắng như đối với
white-space =3, nhưng triệt tiêu ngắt dòng [gói văn bản] trong nguồn
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
white-space =6
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
Dãy khoảng trắng được giữ nguyên. Các dòng chỉ bị ngắt ở các ký tự xuống dòng trong nguồn và ở các phần tử
white-space =7
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
white-space =8
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
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
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
code {
white-space: pre;
}
0Chuỗi khoảng trắng bị thu gọ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
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
code {
white-space: pre;
}
2Hành vi này giống với hành vi của
white-space =8, ngoại trừ việc
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
- Mọi chuỗi khoảng trắng được bảo toàn luôn chiếm dung lượng, kể cả ở cuối dòng
- Cơ hội ngắt dòng tồn tại sau mỗi ký tự khoảng trắng được bảo toàn, kể cả giữa các ký tự khoảng trắng
- Các không gian được bảo toàn như vậy chiếm dung lượng và không bị treo, do đó ảnh hưởng đến kích thước nội tại của hộp [kích thước nội dung tối thiểu và kích thước nội dung tối đa]
Bảng sau đây tóm tắt hành vi của các giá trị
white-space =8 khác nhau
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
white-space =3Thu gọnThu gọnGóiGỡ bỏHang
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
white-space =4Thu gọnThu gọnKhông bọcXóaHang
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
white-space =6Bảo lưuGiữ lạiKhông bọcGiữ lạiKhông bọc
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
white-space =8Giữ nguyênGóiBọcHangHang________ 70Bảo tồnThu gọnGóiGỡ bỏHang________ 72Bảo lưuGiữ lạiGóiBọcBọc
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line
Ghi 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
không gianDấ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
Thu gọn khoảng trắng
Đặc tả Văn bản CSS chứa phần Thu gọn và Chuyển đổi xác định chính xác "khoảng trắng được 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]
định nghĩa chính thức
Giá trị ban đầu
white-space =3Áp dụng cho tất cả các phần tửInherityyesGiá trị được tính toán như đã chỉ địnhKiểu hoạt ảnhrời rạc
normal |
pre |
nowrap |
pre-wrap |
break-spaces |
pre-line