HTML/CSS Dấu ba chấm (...) Không hoạt động

Question

Tôi đang cố gắng để làm cho dấu ba chấm hoạt động trên trang web của mình. Đây là mã HTML/CSS sau và có vẻ như nó không hoạt động.

CSS:

.oneline { 
text-overflow:ellipsis; 
white-space: nowrap; 
width: 50px; 
overflow: hidden; 
} 

HTML:

<div class="oneline">Testing 123 Testing 456 Testing 789</div> 

Answer 1

Dựa trên initial post, tất cả chúng ta giả định rõ ràng, nhưng chỉ trong trường hợp ...;)

<style type="text/css"> 
    .oneline { 
     text-overflow : ellipsis; 
     white-space : nowrap; 
     width   : 50px; 
     overflow  : hidden; 
    } 
</style> 
<div class="oneline">Testing 123 Testing 456 Testing 789</div> 

http://jsfiddle.net/NawcT/

EDIT: Giải pháp là định kiểu đoạn văn với div.

Answer 2

Gán position:absolute cho phần tử được cắt ngắn sẽ có ít tác dụng phụ không mong muốn hơn là float:left.

này đã làm việc cho tôi:

div { 
    position: absolute; 
    width: 70px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}