jak clip tekstu w CSS jak gmail robi na maile podlegających ofert

Question

w Gmailu wyświetlają się

przedmiot - po którym następuje krótki urywek z ciała

i wygląda tekst ciało jest obcięty, jestem zakładając, odbywa się to z css, arkusze stylów gmail są dość skomplikowane, więc nie jestem pewien

i tak tylko część liter są wyświetlane na końcu linii, gdzie one się odciąć

czy ktoś wie jak mogę osiągnąć ten sam efekt, więc dostaję pełna długość tekstu w kolumnie

---

got it sussed dzięki @cletus

tylko w celu wyjaśnienia, to jest to, co skończyło się

<div style="overflow: hidden; height: 20px;">mytitle<span style="color: gray; "> - my long description goes here</span></div> 

Answer 1

Nadszedł overflow: hidden CSS na elementy blokowe. Element blokowy jest ważny. Zobacz The CSS Overflow Property.

Answer 2

Ten nie działa w IE6-7. Zamiast tego należy użyć właściwości css z przepełnieniem tekstu. Więcej informacji na ten temat: http://www.blakems.com/archives/000077.html (to nie zostanie zatwierdzone! Validator zauważa, że ​​jest to właściwość css3, która nie istnieje w css2.1 ...)

Answer 3

Aby uzyskać pełny efekt przycinania tekstu, w którym tylko części litery wskazują na końcu elementu, wystarczy dodać:

white-space: nowrap;