Задать вопрос
@Cruper
web-падаван

Как схлопывать элемент если он не помещается?

<parent>
  <title />
  <button />
</parant>


Элемент button это кнопка с иконкой и текстом

Как скрывать текст, если title вытесняет button, оставляя только иконку

Пробовал играться с width, но так можно добиться только уменьшения ширины кнопки, тем самым обрезая текст, а нужно его полностью удалять
  • Вопрос задан
  • 84 просмотра
Подписаться 1 Средний 4 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@Cruper Автор вопроса
web-падаван
Добился примерно нужного эффекта добавив
button {
white-space: pre-line;
}

button:before {
content: '';
display: inline-block;
}

В таком случае, если текст не вмещается в button, он переезжает на следующую строку, которая overflow: hidden
Вроде и работает, но не так как хотелось бы
Больше выглядит на костыль
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы