2012-10-12 1 views
13

Ich brauche eine Box (div) mit etwas Text über mehrere Zeilen, und diese Box muss eine feste Breite und eine feste maximale Höhe haben.Textumbruch mit fester Max-Höhe

Ich benutze die overflow: hidden; Jetzt ist mein Problem, wenn die letzte Zeile nicht in die div max Höhe passt, wird es geschnitten (schneiden nur die Hälfte der Zeile zum Beispiel). Ich möchte in diesem Fall nicht die letzte Zeile anzeigen und Ellipsen in der letzten Zeile anzeigen

Mein Problem ist nicht Einfügen von Auslassungspunkten in einer einzelnen Textzeile (mit der white-space: nowrap -Eigenschaft), das Hauptproblem ist, dass der Text wird in der letzten Zeile zerschnitt, Ellipsen kein Problem ist, weil in der letzten Fall, dass ich jQuery es

+0

Versuchen Sie diesen Link: http: //stackoverflow.com/questions/3067696/how-to-show-ellipses-to-the-overflew-text-for-html-elements-in-firefox – dreamerkumar

Antwort

6

text-overflow: ellipsis; 

zum Div

EDIT hinzufügen einfügen kann: ok, nicht möglich für jetzt, nicht in einem standar gewählter Weise.

ABER, ist es möglich, sie mit experimentellen webkit Eigenschaften zu erzielen (siehe this topic), oder mit JS durch the solution von diesem Kerl geschrieben zu tun, und auf Github gehostet.

+1

Ich denke, diese Links werden löse meine Probleme, Danke. Ich werde versuchen, ein Feedback zu geben – Zeux