Wyraź zgodę na optymalizowany zawijanie tekstu, aby uzyskać lepszy wygląd kosztem szybkości.
Od wersji 117 Chrome możesz korzystać z nowej funkcji zawijania tekstu – text-wrap: prettyz CSS Text Level 4.
p {
text-wrap: pretty;
}
Widoczne typograficznie wdowy i sieroty to pojedyncze słowa, które znajdują się na końcu akapitu lub bloku tekstu. Wdoły to słowa samotnie stojące na początku bloku tekstu, a dzieci – na końcu bloku. Mogą zakłócać proces przeglądania tekstu przez oczami, utrudniając czytanie. Niektórzy projektanci unikają ich za wszelką cenę i znajdują sposoby, aby ich uniknąć.
Od Chrome 117 można unikać sierot przy użyciu jednego wiersza CSS: text-wrap: pretty.
Ta funkcja nie tylko pilnuje, aby akapity nie kończyły się jednym słowem, ale też dostosowuje łącznik, jeśli na końcu akapitu znajdują się kolejne wiersze oddzielone myślnikami, lub dostosowuje poprzedni wiersz, aby zwolnić miejsce. Dopasuje ona tekst do krawędzi. text-wrap: pretty to ogólnie lepsze zawijanie wierszy i łamanie tekstu, obecnie skupione na wierszach bezrodzinnych.
W przyszłości text-wrap: pretty może wprowadzić więcej ulepszeń.
Dostępna jest też opcja text-wrap: balance, która nie zapobiega powstawaniu znaków w pojedynczych wierszach, ale zapewnia, że tekst jest przenoszony w sposób, który tworzy spójny blok tekstu. Osobiście używam balance do tworzenia nagłówków i pretty do tworzenia akapitów.
Jeśli interesują Cię szczegóły algorytmu używanego do określania optymalnej liczby linii lub kwestie związane z wydajnością, kliknij ten link do dokumentu projektowego stworzonego przez inżyniera Kojiego Ishii, który odpowiada za tę funkcję.
Jeśli chcesz podzielić się innymi sugestiami lub ulepszeniami dotyczącymi łamania zasad, chętnie je poznamy. Zgłoś problem w narzędziu do śledzenia błędów w Chromium, podając szczegółowe informacje oraz przykłady dobrych i złych podziałów wierszy, a my skontaktujemy się z Tobą.