@Mr_Epic
Web программист

Flex span автоматическая ширина, если строка переносится?

Если span в flex переносится на вторую строку, ширина становится 100%, как задать автоматическую ширину?

Пример:
<div>
  <span>1234567890 1234</span>
</div>

div{
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: red;
}
span{
  background: green;
}

Результат:
4AkYaOHMpREdmq.jpg

А нужно что бы span был не на всю ширину, а по размеру текста и сам текст был по левой стороне, вот так:
nAywoXCX03MxmZ.jpg

Но при этом не задавая ширину span заранее
  • Вопрос задан
  • 161 просмотр
Решения вопроса 1
Ankhena
@Ankhena
Нежно люблю верстку
Вот так https://jsfiddle.net/wx6mg2mj/
Только не понятно зачем флекс
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Обернуть span еще одним дивом например
Пример
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Wunder Fund Москва
от 60 000 до 80 000 руб.
YLab Тольятти
от 70 000 до 130 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.