如何在表格的输入上方放置标签?

时间:2018-11-03 07:05:51

标签: reactjs styled-components

我有一个reactcomponent,并尝试使用rebassjs在3个控件之间保持相等的间距:

<Container>
        <Flex direction={"column"}>
          <Box>
            <label>Name:</label>
            <input type="text" />
          </Box>
          <Box>
            <label>address:</label>
            <input type="text" />
          </Box>
          <Box>
            <label>type:</label>
            <select>
              <option>One</option>
            </select>
          </Box>
        </Flex>
</Container>

codesandbox

如何在与控件左侧对齐的控件顶部显示标签?

0 个答案:

没有答案