7
मैं सीएसएस के साथ एक div है टूट जाता है:पाठ-अतिप्रवाह: पहली पंक्ति के लिए अंडाकार जब लाइन
div.c
{
font-size: 18px;
color: #888;
max-width: 300px;
display: inline-block;
overflow: hidden;
line-height: 20px;
text-overflow: ellipsis;
word-break: break-all;
}
The content in this div is "Abcdef abcdefabcdefabcdefabcdefaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" //for example, given only to show length in div।
लेकिन यदि ऊपर CSS का उपयोग किया जाता है, तो div सामग्री टूटा जाएगा और three dots //as of text-overflow: ellipsis; के बिना भी। अगर मैं word-break: break-all; हटा देता हूं तो दो पंक्तियों को पहली पंक्ति के पहले शब्द और दूसरे पर दूसरे के साथ बनाया जाएगा। लेकिन text-overflow: ellipsis; इसके साथ काम करता है।
मैं सभी टेक्स्ट को एक पंक्ति पर रखने और text-overflow: ellpsis; काम करने के लिए क्या कर सकता हूं?
धन्यवाद!
धन्यवाद ... यही वही है जो मैं चाहता था। –