如何让Chakra的<Text>组件内联?

kia*_*ott 17 reactjs chakra-ui

我不知道如何使 Chakra 组件内联。阅读文档但无法找出正确的属性或者这是否是 css 类的东西。

<Text> Hello World, </Text>
<Text> place me next to the Text above! </Text>
Run Code Online (Sandbox Code Playgroud)

小智 34

组件的ChakraUI 文档<Text>解释说它<p>默认呈现一个标签。

但是,您可以<span>通过提供<Text>prop将其交换为标签as。像这样:

<Text as="span"> Hello World, </Text>
<Text as="span"> place me next to the Text above! </Text>
Run Code Online (Sandbox Code Playgroud)


Asi*_*ash 6

您可以使用 Flex 来实现此目的

<Flex>
<Text> Hello World, </Text>
<Text> place me next to the Text above! </Text>
</Flex>
Run Code Online (Sandbox Code Playgroud)

  • 这不是一个精确的解决方案,因为它会影响文本换行的方式。 (2认同)