2016-04-25 5 views
5

Ist es möglich, in reinem CSS (Pseudo-Elemente erlaubt, nur kein zusätzliches HTML-Markup) eine Grenze für die Zeilenumbrüche festzulegen, die eine Zeichenfolge annehmen kann. Mit anderen Worten, wie oft eine Zeichenfolge beim Umbrechen aufgeteilt werden kann.Maximale Anzahl zulässiger Zeilenumbrüche in String-Wrapping festlegen

i-love-gelb-Bananen

Dies kann in der Regel auf dem Armaturenbrett brechen:

i- 
love-yellow-bananas 

i- 
love- 
yellow-bananas 

i- 
love- 
yellow- 
bananas 

aber es wäre schön, wenn Sie ein Limit angeben könnten. Lassen Sie uns sagen, dass ich die Grenze zu 2 gesetzt, dann könnte der Ausgang nur sein:

i-love-yellow-bananas 

i- 
love-yellow-bananas 

i- 
love- 
yellow-bananas 

und nicht

i- 
love- 
yellow- 
bananas 

weil in diesem Fall die Zeichenfolge 3-mal geteilt wird, die 2 mehr als mein gegeben ist .

Einige fragen sich, warum , und obwohl dies für „funzies“ ist, hier ist ein anwendungs~~POS=TRUNC:

ich habe dat a, das von einem Server abgerufen wird. Wie Sie sich denken können, sind dies einige grundlegende Tabellendaten in einer riesigen HTML-Tabelle. Eine der Spalten ist eine ID, die aus vielen durch Bindestriche getrennten Zeichen besteht. Der Browser sieht diese Striche und denkt "Oh, das ist ein schöner Punkt. Lass uns hier brechen!" Und auch wenn es Ihnen nichts ausmacht, ein paar Pausen einzulegen, wollen Sie nicht über die Spitze gehen (wie es die Browser beim Brechen von Zeilen tun), also möchten Sie die Ebene begrenzen, in der der Browser nach dem einfachen Weg sucht out (dh easy Knickpunkte in dieser anfälligen Spalte).

Antwort