Преимущества использования свойства overflow: hidden:

• Удобство для динамического контента. 1 Позволяет избежать серьёзных проблем с вёрсткой макета. 1
• Усечение текста. 4 Для длинного контента можно обрезать текст с помощью свойства text-overflow. 4
• Анимация. 4 Преимущество overflow: hidden заключается в обрезании скрытых элементов, которые можно показывать при наведении курсора. 4

Недостатки использования свойства overflow: hidden:

• Контент скрыт и никаким способом не станет доступным (кроме просмотра исходного текста страницы). 1 Например, если у пользователя размер шрифта по умолчанию больше, чем ожидалось, текст может оказаться за пределами элемента и оказаться спрятанным от его глаз. 1
• Не рекомендуется использовать для обрезки важного текста — пользователь не увидит спрятанную информацию и не поймёт написанное. 3 Гораздо уместнее использовать это значение для оформления сайта, например, чтобы обрезать часть декоративного изображения. 3