css - 如何使用 css 和 react 在 div 中一个接一个地返回对齐元素？

Question

代码如下，

const renderInfo = () => {
    return (
        <>
            <div>Name</div>
            <div>Name1</div>
            <div>Type</div>
            <div>Type1</div>
        </>
    );
};

我希望它显示如下，

但目前上面的代码显示如下

有人可以帮我解决这个对齐问题吗？谢谢。

Answer 1

或者你可以在 div 中添加样式，如下所示:

<div style={{ display: "block" }}>
  <div>Name</div>
  <div>Name1</div>
  <div>Type</div>
  <div>Type1</div>
</div>