3-х колоночная разметка по ширине с динамическим содержимым - PullRequest
0 голосов
/ 06 февраля 2019

enter image description here

Я пытаюсь получить следующий макет с динамическим содержимым:

код:

.container {
  display: flex;
  flex-direction:row;
  justify-content:space-between;
}
<div class="container">
   <span>Published</span>
   <span>Song title</span>
   <span>Edit song</span>
</div>

Какой наилучший способ это сделать, учитывая, что иногда тексты в каждом промежутке не всегда появляются, я хочу, чтобы их макетбыть исправлены так, что даже если один из текстов не появляется, они всегда остаются на одном месте.Спасибо!

Исходный код, который я пробовал с display:flex, не работает, потому что когда текст не появляется, сетка разрушается.

1 Ответ

0 голосов
/ 06 февраля 2019

добавить следующий css

.container {
  display: flex;
  flex-direction:row;
  justify-content:space-between;
}

https://jsfiddle.net/hxazcg71/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...