将flex内嵌的Html元素对齐

我正在开发一个动态应用程序。我有一个flex-direction属性的div标签。是否有可能在文本中添加一个span标签并且文本平行排列？将flex内嵌的Html元素对齐

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

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

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

2017-08-16 Vimal

我可以看到你想要的蓝图？ – zynkn

具有'列'方向的柔性容器将垂直堆叠子元素（包括匿名元素，如展开的文本）。如果你不能编辑容器样式，那么水平对齐的唯一flex选项就是将子元素用'row'方向包装在一个嵌套的flex容器中。 –

你可以试试这个：

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

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

2017-08-16 06:49:26 kravisingh

这个问题指出，'.parent'类不能被修改。 –

回答