Tôi có một số ô bảng chứa ngày được định dạng như sau: 2009-01-01. I.E 7 dường như đang chia chúng thành hai dòng tại dấu nối. Có cách nào để tắt tính năng này không?Bảng HTML - Cách làm cho IE không bị ngắt dòng tại dấu gạch ngang
Bạn đang tìm kiếm white-space property, điều này cho phép bạn kiểm soát cách khoảng trắng và ngắt dòng ảnh hưởng đến nội dung của phần tử của bạn. Sụp đổ chuỗi khoảng trắng, nhưng ngăn chặn dòng-chia, bạn có thể sử dụng giá trị nowrap:
.dates {
white-space: nowrap;
}
<td class="dates">2009-01-01</td>
tôi chắc chắn rằng có một CSS cách tốt hơn nhưng theo cách cũ là với một không-break: <nobr>...</nobr> nhưng sử dụng không ngắt sẽ gây ra không có gì để chuyển đến dòng tiếp theo.
Một cách khác là sử dụng Non-breaking hyphen. Bằng cách này, bạn vẫn có thể nhận được gói, chỉ cần không ở dấu gạch ngang.
Sử dụng CSS này:
.nowrap {
white-space: nowrap;
}
Quấn ngày của bạn như: <span class="nowrap">2009-01-01</span>.
Chỉnh sửa: ưu điểm của giải pháp này so với các giải pháp khác là nó cho phép bạn kiểm soát chính xác hơn những gì nên hoặc không nên quấn. Các tế bào của bạn vẫn có thể quấn cho không gian và các dấu gạch ngang khác, bên ngoài khoảng.
tăng kích thước của TD của bạn và nó sẽ không là một vấn đề
-1 Điều này có 3 upvotes ... thực sự? –
Đây là KHÔNG cách chính xác để trả lời câu hỏi của bạn, nhưng đây là cách tôi làm điều đó:
<td>Hello - World</td>
tôi thích phương pháp này tốt hơn vì bạn không cần thêm thuộc tính lớp học <style>. Ngoài ra, nó làm cho văn bản một chuỗi sao cho nó không thể được bao bọc bởi trình duyệt.
Như tôi đã nói, hầu hết mọi người sẽ không đồng ý, nhưng tôi nghĩ đây là giải pháp thực tế tốt hơn giải pháp tiêu chuẩn.
Giải pháp bạn đề xuất thêm không gian nơi không có gì trong câu hỏi, và nó rất có thể cho phép gói tại dấu gạch ngang anyway. – eyelidlessness
Sai lầm ngu ngốc của tôi là tôi quên đặt khoảng cách giữa khi tôi đặt khoảng cách với đệm. Tôi đã có như <span>Bla 1</span><span>Bla 2</span><span>Bla 4</span>
và nó không phá vỡ dòng như tôi nghĩ. Vì vậy, bây giờ tôi có:
<span>Bla 1</span> <span>Bla 2</span> <span>Bla 4</span>
và tất nhiên nó hoạt động như nó cần và được dự đoán.
Có thể lỗi của tôi sẽ giúp ai đó ....
Tôi đã thử tất cả các đề xuất này. Không làm việc. Tìm thấy giải pháp trên một trang Stack Overflow khác: No line-break after a hyphen. Bạn có thể sử dụng mã cho dấu gạch ngang không phá vỡ, ‑.
Dấu gạch nối không gián đoạn là cách để đi. +1 – Borgar