overflow-wrap: дълъг адрес в тясна колона

Полезно е да знаеш

Дълъг URL или идентификатор може да разшири карта и да създаде хоризонтално превъртане. overflow-wrap позволява на браузъра да прекъсне такъв низ, когато липсва подходящо обичайно място за пренасяне. Стойността anywhere допуска прекъсване на иначе непрекъсваема поредица при нужда. [1]

За контейнер с потребителски адреси начален пример е .address { overflow-wrap: anywhere; }. Адресът остава същият текст, но се показва на повече редове. Не се добавят истински интервали или тирета в стойността.

Използвай правилото целево. Пренасянето на идентификатор е различна задача от съкращаване на дълъг абзац. Ако компонентът продължава да излиза извън колоната, провери и ограниченията на flex или grid елементите. Подходящото пренасяне е част от решението, но не поправя всяка зададена минимална ширина.