CSS: giới hạn phần tử thành 1 dòng

Question

Tôi muốn giới hạn phần tử chỉ hiển thị 1 dòng văn bản, phần còn lại bị ẩn (tràn: ẩn) mà không đặt chiều cao cụ thể. Điều này có thể chỉ với CSS?

Answer 1

Có thể:

element (white-space: nowrap; overflow: scroll;) 

bản phân tích cú pháp dưới dạng HTML hoặc XML được tokenized, có nghĩa là tất cả chạy của khoảng trắng đang sụp đổ vào một nhân vật không gian duy nhất. Điều này có nghĩa là bạn sẽ có một dòng văn bản trừ khi bạn chỉ định một cái gì đó ngoài việc khai báo tràn có thể làm cho văn bản của bạn bị bọc.

EDIT: Tôi không bao gồm không gian viết cần thiết: thuộc tính nowrap, nếu không, mặc định là vùng chứa sẽ cuộn theo chiều dọc trái ngược chiều ngang.

Answer 2

Nếu bạn đang tìm cách tắt gói văn bản, hãy sử dụng white-space: nowrap;.

Answer 3

p#foo { 
    white-space:nowrap; 
    overflow:hidden; 
} 

Answer 4

sử dụng khối hiển thị để nó không vượt quá phần tử gốc của bạn.

p#foo{ 
    white-space: nowrap; 
    overflow: hidden; 
    display: block; 
    text-overflow: ellipsis; 
}