Ngăn chặn ngắt dòng của phần tử span

Question

Tôi có phần tử <span> mà tôi muốn hiển thị mà không có bất kỳ ngắt dòng nào. Làm thế nào tôi có thể làm điều đó?

Answer 1

Đặt này trong CSS của bạn:

white-space:nowrap; 

Nhận thêm thông tin ở đây: http://www.w3.org/wiki/CSS/Properties/white-space

white-space

Thuộc tính white-space tuyên bố như thế nào không gian màu trắng bên trong phần tử được xử lý.

Values ​​

normal Giá trị này chỉ đạo các đại lý dùng để sụp đổ chuỗi khoảng trắng, và phá vỡ đường dây khi cần thiết để điền vào hộp dòng.

pre Giá trị này ngăn không cho tác nhân người dùng thu hẹp chuỗi các khoảng trắng. Các dòng chỉ bị hỏng ở dòng mới trong nguồn hoặc tại các lần xuất hiện "\ A" trong nội dung được tạo.

nowrap Giá trị này thu gọn khoảng trắng thành 'bình thường', nhưng ngăn chặn ngắt dòng trong văn bản.

pre-wrap Giá trị này ngăn không cho tác nhân người dùng thu hẹp chuỗi các khoảng trắng. Các dòng bị hỏng tại dòng mới trong nguồn, tại các lần xuất hiện "\ A" trong nội dung được tạo và khi cần thiết để điền vào các hộp dòng.

pre-line Giá trị này chỉ đạo tác nhân người dùng thu gọn chuỗi không gian trắng. Các dòng bị hỏng tại dòng mới trong nguồn, tại các lần xuất hiện "\ A" trong nội dung được tạo và khi cần thiết để điền vào các hộp dòng.

inherit Có cùng giá trị được chỉ định làm thuộc tính cho cha mẹ của phần tử.

Answer 2

Nếu bạn chỉ cần để ngăn chặn dòng-chia vào các nhân vật không gian, bạn có thể sử dụng   thực thể giữa các từ:

No line break 

thay vì

<span style="white-space:nowrap">No line break</span>