![enter image description here](https://i.stack.imgur.com/nMY2d.png)
Я пытаюсь получить следующий макет с динамическим содержимым:
код:
.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
, не работает, потому что когда текст не появляется, сетка разрушается.