Grid柵格---antd

布局的柵格化系統，是基於行（row）和列（col）來定義信息區塊的外部框架，以保證頁面的每個區域能夠穩健地排布起來。下面簡單介紹壹下它的工作原理：

柵格化系統支持 Flex 布局，允許子元素在父節點內的水平對齊方式 - 居左、居中、居右、等寬排列、分散排列。子元素與子元素之間，支持頂部對齊、垂直居中對齊、底部對齊的方式。同時，支持使用 order 來定義元素的排列順序。

可以使用 Row 的 gutter 屬性來設置區塊間隔，推薦使用 (16+8n)px 作為柵格間隔。(n 是自然數)

如果要支持響應式，可以寫成 { xs: 8, sm: 16, md: 24, lg: 32 }。

如果需要垂直間距，可以寫成數組形式 [水平間距, 垂直間距] [16, { xs: 8, sm: 16, md: 24, lg: 32 }]

使用 offset 可以將列向右側偏。例如，offset={4} 將元素向右側偏移了 4 個列（column）的寬度。

Row及Col的屬性功能描述

上一篇:WIN32 sdk 編程，VS2005如何調出打開文件的通用對話框

下一篇:ubuntu linux 怎麽裝網卡驅動啊