3列的网格布局上具有动态内容的宽度间隔开

Question

我试图实现与动态内容布局如下：

码：

.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尝试了全新的代码不起作用，因为当文本不会出现电网崩溃。

Answer 1

添加以下的CSS

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