Włącz zoptymalizowane zawijanie tekstu, aby poprawić wygląd filmu, a nie szybkość.
Od Chrome 117 możesz używać nowej funkcji zawijania tekstutext-wrap: pretty
z tekstu CSS – poziom 4.
p {
text-wrap: pretty;
}
Wdowy i sieroty typograficzne to pojedyncze słowa, które występują samodzielnie na końcu akapitu lub bloku tekstu. Wdowy to słowa samodzielnie na górze bloku tekstowego, a osierocone – same na jego końcu. Mogą przeszkadzać nam w przeglądaniu tekstu, co utrudnia jego czytanie. Niektórzy projektanci za wszelką cenę unikają ich unikania i bardzo starają się im zapobiegać.
Od wersji Chrome 117 można unikać sierot dzięki jednemu wierszowi CSS: text-wrap: pretty
.
Ta funkcja nie tylko zapewnia, że akapity nie kończą się jednym słowem. Poza tym dostosowuje łącznik, jeśli kolejne wiersze akapitu pojawią się na końcu akapitu, lub dostosowuje poprzednie wiersze, aby zrobić miejsce. Dostosowanie zostanie też odpowiednio
dostosowane do uzasadnienia tekstu. text-wrap: pretty
służy do ogólnie lepszego zawijania wierszy i łamania tekstu, obecnie głównie dotyczy sieroci.
W przyszłości text-wrap: pretty
może oferować więcej ulepszeń.
Dostępna jest też metoda text-wrap: balance
, która nie zapobiega zawijaniu tekstu przez sieroty, ale tworzy harmonijny blok tekstu. Używam balance
jako nagłówków i pretty
dla akapitów.
Jeśli chcesz poznać szczegóły algorytmu używanego do określania optymalnej liczby wierszy lub kwestii związanych z wydajnością, tutaj znajdziesz link do dokumentu projektowego utworzonego przez inżyniera na temat obiektu – Koji Ishii.
Jeśli masz pomysły na podział wierszy lub inne sugestie, chętnie je poznamy. Zgłoś problem w narzędziu do śledzenia błędów Chromium, podając szczegóły oraz przykłady dobrych i nieprawidłowych podziałów wierszy. Skontaktujemy się z Tobą.