Allgemeine Zeitung Mainz Stellenanzeigen
Spalte
#1 Hallo zusammen, habe auf einer Wordpressseite eine Preistabelle hinterlegt, jedoch sind die Zeilen viel zu groß und müssen näher aneinander gerückt sein. Habe es schon mit Height="10" usw... probiert.
Die Abstände zwischen den Zeilen sind ein wichtiger Ansatzpunkt um eine gut lesbare Website zu erhalten. Hier geht die bessere Nutzbarkeit vor Design – in der Regel wird es Hand in Hand gehen. Natürlich kann man sagen, dass sich bei den Standardeinstellungen bestimmt jemand irgendwas gedacht haben muss und deshalb diese bestimmt gut sind. Dazu muss man wissen, dass diese Einstellungen aus den Zeiten herkommen, wo die Monitore noch klein und Platz kostbar war. Man war also bemüht auf wenig Platz Text unter zu bringen – man hat also einen sehr geringen Zeilenabstand eingestellt. Warum wir mehr Zeilenabstand wollen, hat mit der Ergonomie von lesbaren Texten zu tun. Html tabelle zeilenhöhe verkleinern de. Unser Auge muss beim Erreichen des Zeilenendes, zum Anfang der nächsten Zeile springen. Das ist einfacher, wenn genügend Zeilenabstand vorhanden ist. Vorteilhaft ist auch, wenn die Zeilen nicht zu lang werden. Daher gibt es für die deutsche Sprache die Faustformel 7-9 Wörter. Hier aber erst der Zeilenabstand. Dafür gibt es die CSS-Anweisung line-height:1.
Du müsstest also auf dem Clientrechner ermitteln (lassen), wie groß der Text ist (unter Berücksichtigung der tatsächlich verwendeten Schriftart und Schriftgröße), bzw. das Element, welches den Text umschließt. Dies könntest du per Javascript erledigen. Nun müsstest du quasi per "Trial and Error" die Schriftgröße für das Element schrittweise verkleinern (und immer wieder die Größe ermitteln), bis die Elementgröße <= dem zur Verfügung stehenden Platz innerhalb der Tabellenzelle ist. Dabei gibt es aber diverse Problematiken: Die resultierende Schriftgröße könnte so klein ausfallen, dass der Text für den User unlesbar wird. Bei Festlegung einer Mindestgröße könnte der Text immer noch zu groß für die Tabellenzelle sein. Auf dem Clientrechner steht gar kein Javascript zur Verfügung, bzw. Html tabelle zeilenhöhe verkleinern facebook. ist deaktiviert. Der User hätte gerne eine größere Schriftgröße Also sicherlich_kann_man so etwas per Javascript machen. Die Frage ist nur, ob man das auch machen sollte. IMHO sollte man es nicht tun. Denn wie oben bereits erwähnt, gibt es keine (mir bekannte) 100% zuverlässige Methode.
Erzwingen Sie, dass sich das flexible Element über die gesamte Zeilenbreite erstreckt (2) Sie scheinen nach einer Mindestbreite für das Kind und einem flex-wrap:wrap zu suchen auf dem Elternteil:. parent { display: flex; align-items: center; flex-wrap: wrap;}. parent > * { flex-grow: 1;}. parent >. error { min-width: 100%; background-color: rgba ( 255, 0, 0,. 3);}