Cách CSS để hạn chế ngắt dòng cho văn bản

Question

Tôi có thể có một nhiệm vụ lạ một chút, nhưng tôi tin rằng không có giải pháp nào tốt hơn. Tôi cần có <ul> trong một số vùng chứa có chiều rộng thay đổi và với các yếu tố có chiều rộng cố định <li> được gạch chân. Tôi nên (và đã tìm thấy giải pháp) đặt không gian giữa <li> elems cùng chiều rộng. Chiều rộng của không gian thay đổi động lực và phụ thuộc chiều rộng của phụ huynh. Một lần nữa, mặt hàng <li> này có chiều rộng cố định.

Tôi cũng nên đặt một số liên kết phía trên phần tử được mô tả này. Vì một số lý do, các liên kết phải nằm trong phần tử <ul> khác. Chúng cũng được bao bọc trong các hình elip <li> được gạch chân. Và tôi muốn chúng được định vị ngay trên mô tả <li> mục. Điều này có thể được thực hiện bằng cách thiết lập chiều rộng cố định của <li> các mục như trên. Bây giờ, vấn đề là văn bản trong mỗi liên kết là thực tế có chiều rộng khác nhau và sẽ chia thành hai dòng, nhưng tôi phải đặt nó vào một dòng.

Vì vậy, tôi muốn lừa trình duyệt: văn bản sẽ bị tràn <li> mục.

.liElem { 
    width: 100px; 
    height: 20px; 
    overflow: visible; 
} 

Nhưng, như bạn có thể đoán, văn bản được chia thành hai dòng và tràn thực sự dưới cùng của mục danh sách, chứ không phải phía bên phải.

Hiệu ứng tôi muốn có thể được thực hiện bằng cách chèn   insted của không gian trong văn bản như thế này: <li><a href="#">Add&nbsp;to&nbsp;Favourites</a></li>.

Vì vậy, câu hỏi của tôi là: làm thế nào trong css-way làm cho văn bản thông thường KHÔNG để đột nhập vào một số dòng?

Answer 1

.nobr { white-space:nowrap; }