CSS text-wrap: balance

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Klasyczna technika typograficzna polegająca na ręcznym dodawaniu znaków końca wiersza w celu wyrównania bloków tekstu została wprowadzona do CSS.

Adam Argyle

Wartość balance dla text-wrap jest częścią poziomu 4 kodu tekstowego CSS. Aby dowiedzieć się, jak jeden wiersz kodu CSS może znacznie poprawić układ tekstu, zapoznaj się z przykładami w tym poście.

Bez text-wrap: balance projektanci, redaktorzy treści i wydawcy mają niewiele narzędzi do zmiany sposobu równoważenia linii. Najlepsze opcje to użycie <wbr> lub ­, aby ułatwić układanie tekstu i podejmowanie trafniejszych decyzji dotyczących dzielenia słów i wierszy.

Jako programista nie znasz ostatecznego rozmiaru, rozmiaru czcionki ani nawet języka nagłówka lub akapitu. Wszystkie zmienne potrzebne do efektywnego i estetycznego łamania tekstu znajdują się w przeglądarce. Dlatego widzimy nagłówek z opakowaniem, jak na tym obrazku: