Wie kann man überlaufenden Inhalt in CSS ausblenden?

Question

Ich habe einen langen Text und möchte diesen Teil ausblenden, wenn er länger als das Div ist.

Answer 1

Legen Sie das div mit einer Breite oder Höhe fest (sonst weiß es nicht, ob etwas überläuft). Fügen Sie dann das overflow:hidden; CSS-Eigenschaft-Werte-Paar.

Wenn Sie den IE verwenden, denken Sie daran, das Element relativ zu positionieren, damit der IE weiß, wie er damit umgehen soll.

Ich würde keine Ellipsen verwenden, da sie nicht vollständig browserübergreifend kompatibel sind.

Demo ist hier http://jsfiddle.net/vxN8v/1/

Answer 2

Verwenden. text-overflow: ellipsis; . Beachten Sie, dass das enthaltende Element eine explizite Breite benötigt, damit die Ellipse wirksam wird, und dass Sie in Firefox keine Ellipse erhalten.

Answer 3

Versuchen Sie dies:

div {
  overflow: hidden;
} 

Weisen Sie div eine gewisse Breite zu, so dass Ihr Text, wenn er aus diesem Feld herausfließt, ausgeblendet wird.