2012-01-07 27 views
15

Tôi cố gắng để đạt được điều này với một nhịp:Làm thế nào tôi có thể làm cho một tràn văn bản span, giống như một đầu vào

enter image description here

Đây là những gì tôi có:

<span>some text goes here</span> 

span{width:50px;overflow:hidden;float:left;} 

này mang lại cho tôi này:

enter image description here

Tôi đã thử mọi po cách tôi có thể nghĩ ra nhưng văn bản tiếp tục di chuyển xuống dưới. Tôi không muốn chỉ định chiều cao.

Trả lời

16

Sử dụng white-space: nowrap. Nếu không, nội dung sẽ luôn mở rộng hộp theo chiều dọc.

Demo

+0

Cảm ơn bạn. Khá nhiều những gì tôi đang tìm kiếm – jQuerybeast

+0

Xin chào, @ nikc.org. Điều đó hoạt động gần giống như một văn bản đầu vào, nhưng với một khác biệt quan trọng: khi một văn bản đầu vào tràn, nội dung "tràn" là việc bắt đầu. Tôi có nghĩa là, tôi muốn tràn xảy ra ở bên trái, giữ cho có thể nhìn thấy phần cuối của văn bản. Tôi đã thử một giải pháp giải thích [ở đây] (http://stackoverflow.com/questions/9793473/text-overflow-ellipsis-on-left-side), nhưng nó có một lỗi khi chúng tôi sử dụng caracters đặc biệt trên văn bản. Tôi sẽ thực sự đánh giá cao một số trợ giúp ở đây. – robsonrosa

+0

@robsonrosa Xin chào, bạn nên mở một câu hỏi mới. –

Các vấn đề liên quan