CSS - Избегайте искаженных веб-страниц

Избегайте искаженных страниц

Веб-страница может быть деформирована из-за ее содержания: текст выровнен неправильно.

Однако есть несколько очень простых решений для этого.

Маскирующая часть текста

Если контейнер box слишком мал и содержимое превышает его длину, вы можете использовать следующий код, чтобы скрыть все, что находится за его пределами:

контейнер {

переполнение: скрыто:

}

Оставшийся (замаскированный) контент может быть добавлен к следующей строке.

Первый метод скрывает и делает невидимой часть текста. Это не всегда практично. Если деформация страницы вызвана просто текстом (словом, растягивающим содержащий его блок), вы можете вырезать слово:

контейнер {

перенос слов: брейк-слово;

}

Результат: