# [布局]栅格(+Grid+Flex+Space)

  • Flex
  • Space
  • Flex
<c-flex align="center">
  <c-flex bg="green.50" align="flex-end">
    <c-text>Box 1</c-text>
  </c-flex>
  <c-flex bg="blue.50" size="150px" align="center" justify="center">
    <c-text text-align="center" bg="orange.50">
      Box 2
    </c-text>
  </c-flex>
  <c-box>
    <c-text bg="tomato" color="white">
      Box 3
    </c-text>
  </c-box>
</c-flex>