使用flex属性

Question

我正在开发一个动态应用程序。我有一个带有flex-direction：div属性的div标签。是否可以在div中添加span标签并将文本对齐？

.parent {
   display: flex;
   flex-direction: column;
}

<div class="parent">
    Item 1
    <span style="border: 1px solid;">item 2</span>
</div>

但文本显示换行符。一件重要的事情是我没有编辑类'.parent'。

Answer 1

你可以试试这个：

body{
  display: flex;
}
.parent {
   flex: 1 1;
   flex-direction: column;
}

<div class="parent">
    Item 1
    <span style="border: 1px solid;">item 2</span>
</div>