18910140161

JavaScript-Flex Box的样式问题,文本过多-堆栈溢出

顺晟科技

2022-10-18 12:58:17

13

我在下面附上了一张图片,显示Flex Box走得太远了,我想将灰色行中的Hello移动到与底部的Hello一致。

我尝试应用Flex-Wrap,但它不起作用,并使显示内联块

enter image description here电码

<代码><;窗格显示=";Flex";MarginBottom={8}>;<;窗格显示=";伸缩";FlexDirection=";列";MarginRight={16}>;<;标题颜色={InProgressBar}大小={900}>;{XX}<;/标题>;<;标题FlexWrap=";换行";大小={100}>;{你好你好你好}<;/标题>;<;/窗格>;<;/窗格>;

顺晟科技:

试试<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> align-self: flex-end;元素上。

通过指定左值和右值,

您可以使用position:absolute将Hello定位在所需的任何位置。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航