HTML không ngắt dòng tại dấu gạch nối

Question

Vì vậy, tôi có văn bản e-commerce và tôi không muốn dòng bọc ở dấu gạch ngang.
Làm cách nào để hạn chế gói cho dòng văn bản đó?

Answer 1

Sử dụng gạch nối non-breaking: ‑

Answer 2

Wrap nó trong thẻ <nobr>…</nobr>, hoặc nếu bạn quan tâm ra tính hợp lệ của HTML của bạn, thiết lập các white-space: nowrap; phong cách.

Answer 3

Bạn có thể sử dụng CSS: white-space: nowrap;.

Ví dụ: Quấn văn bản trong một khoảng với khai báo CSS đó.

<span style="white-space: nowrap;">e-commerce</span>

Answer 4

Có này gạch nối non-breaking (sao chép và dán nó): ‑ hoặc sử dụng ‑ hoặc ‑

Lưu ý rằng đây là unicode chỉ “nhân vật” đó thống nhất các đặc điểm sau :

• được tạo trước (bạn có thể làm bất kỳ điều gì không vi phạm theo thành phần)
• là không bị phá hủy
• là một gạch nối hoặc dấu gạch ngang hoặc tương tự

Việc sử dụng các từ joiner đại diện bởi ⁠ hoặc ⁠ cho phép có dấu gạch nối khác. Kết quả:

e & # x2010; & # x2060; thương mại (gạch nối tiếp theo từ joiner)
e - & # x2060; thương mại (ASCII gạch nối/trừ tiếp theo từ joiner)
... và một trong những precomposed để tham khảo:
thương mại điện tử (non-breaking gạch nối)

http://jsfiddle.net/NR5Ch/58/   (fiddle này cho thấy tác dụng của sản phẩm mộc từ)