एचटीएमएल/सीएसएस इलिप्सिस (...) काम नहीं कर रहा

Question

मैं अपनी साइट पर काम करने वाले इलिप्सिस प्राप्त करने का प्रयास कर रहा हूं। यह निम्नलिखित HTML/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

initial post के आधार पर हम सब स्पष्ट संभालने रहे हैं, लेकिन सिर्फ मामले ... में;)

<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/

संपादित करें: समाधान अनुच्छेद बनाम अनुच्छेद शैली को स्टाइल करना था।

Answer 2

छिड़काव करने के लिए position:absolute असाइन करने के लिए शायद कम अवांछित दुष्प्रभाव होंगे float:left।

यह मेरे लिए काम किया:

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