Ausgangslage:
In einer Resourcenplanung habe ich für die einzelnen Einträge(Zeittabelle) DIV's in welchen Texte zum Eintrag stehen. Die Einträge sind Teilweise nicht breiter als 30px und sollen auch nicht breiter werden, falls der Text mehr Platz braucht.
Mit einem normalen DIV sieht das etwa so aus(sollte nur 3 Einheiten breit sein):
Dem DIV kann man jetzt das CSS
overflow: hidden; zuweisen:
Was meinem Lösungswunsch entspricht(wenn man draufclickt, vergrössert sich das DIV und man kann alles lesen).
Wenn man folgendes CSS nimmt,
overflow: hidden; text-overflow: ellipsis werden gleich auch die Punkte dargestellt:
Welche Browser was wie unterstützen, kann
hier herausgefunden werden.
Dank an Claudius