用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