用semantic UI 制作网页的框架


在semantic UI 中,主要用三个工具来构建网页的框架:segment,container,grid.

他们的左右更不相同。

segment:

最基本的作用是作为文本的文本框出现在网页上。

在前面加上vertical后,就可以当成块用。从上向下将网页分成几块,就用vertical segment。

所以,网页从上往下布局,就用 ui vertical segment。

container:

用在左右页边距很大的情况,网站的内容集中在中间区域显示。

grid:

将网页的某个区域在水平方向上划分成几个区域。

综上:上下划分区域时用segment,左右划分区域时用grid,两边留白显示时用container。

一般网页的套路都是:用segment把网页划分成几个部分,在各个部分中会用到container和grid。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM