在semantic UI 中,主要用三个工具来构建网页的框架:segment,container,grid.
他们的左右更不相同。
segment:
最基本的作用是作为文本的文本框出现在网页上。
在前面加上vertical后,就可以当成块用。从上向下将网页分成几块,就用vertical segment。
所以,网页从上往下布局,就用 ui vertical segment。
container:
用在左右页边距很大的情况,网站的内容集中在中间区域显示。
grid:
将网页的某个区域在水平方向上划分成几个区域。
综上:上下划分区域时用segment,左右划分区域时用grid,两边留白显示时用container。
一般网页的套路都是:用segment把网页划分成几个部分,在各个部分中会用到container和grid。