在semantic UI 中,主要用三個工具來構建網頁的框架:segment,container,grid.
他們的左右更不相同。
segment:
最基本的作用是作為文本的文本框出現在網頁上。
在前面加上vertical后,就可以當成塊用。從上向下將網頁分成幾塊,就用vertical segment。
所以,網頁從上往下布局,就用 ui vertical segment。
container:
用在左右頁邊距很大的情況,網站的內容集中在中間區域顯示。
grid:
將網頁的某個區域在水平方向上划分成幾個區域。
綜上:上下划分區域時用segment,左右划分區域時用grid,兩邊留白顯示時用container。
一般網頁的套路都是:用segment把網頁划分成幾個部分,在各個部分中會用到container和grid。