0

При уменьшении ширины сайта переносится текст, как сделать так, чтобы он не переносился на другую строку а оставался как есть, как и в остальных блоках? С мобильной версии получается вот так (present continuous):

введите сюда описание изображения

1 ответ 1

0

Для того чтоб текст не сворачивался, можно добавить ему CSS-стиль white-space: nowrap;

.wrap {
  display: flex;
}

.text {
  width: 110px;
  height: 100px;
  background-color: #bbeecc;
  margin: 1em;
}

.text-wrap {
  white-space: nowrap;
}
<div class="wrap">

  <div class="text">Present continious</div>
  <div class="text text-wrap">Present continious</div>

</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.