flex 框的样式问题，文本走得太远答案

【问题标题】：Styling Issue with flex box, text going too farflex 框的样式问题，文本走得太远
【发布时间】：2021-11-16 04:09:08
【问题描述】：

我在下面附上了图片，显示弹性框走得太远，我想将灰色行中的 Hello 移动到与底部 Hello 内联。

我尝试应用 flex-wrap 但它不起作用并使显示内联块

代码

<Pane display="flex" marginBottom={8}>
    <Pane display="flex" flexDirection="column" marginRight={16}>
        <Heading color={inProgressBar} size={900}>
           {XX}
        </Heading>
        <Heading flexWrap="wrap" size={100}>
           {Hello Hello Hello}
        </Heading>
    </Pane>
</Pane>

【问题讨论】：

标签： javascript html css reactjs

【解决方案1】：

您可以使用 position: absolute 通过指定 left 和 right 值将 Hello 定位到任何您想要的位置。

【讨论】：

【解决方案2】：

在Hello 元素上尝试align-self: flex-end;。

【讨论】：