jQuery Mobile - 網格佈局

jQuery Mobile 網格系統透過一系列行和列建立頁面佈局。

下表詳細演示了各種網格型別。

序號	型別及描述
1	基本網格在<div>中包含ui-grid-solo類以建立一個單列網格，網格寬度為100%。
2	兩列網格向<div>新增類ui-grid-a，幷包含兩個子容器，類分別為ui-block-a和ui-block-b，以建立兩列布局。
3	三列網格 ui-grid-b類用於建立三列網格，它包含三個子容器，類分別為ui-block-a/b/c。
4	四列網格 ui-grid-c類用於建立四列網格，它包含四個子容器，類分別為ui-block-a/b/c/d/e。
5	五列網格 ui-grid-d類用於建立五列網格，它包含五個子容器，類分別為ui-block-a/b/c/d。
6	多行網格可以透過在容器上指定任何列類來將多行包裝在網格中。
7	Grid solo 類標準網格透過在單個斷點以下覆蓋網格樣式來實現響應式。
8	響應式網格在低於35em (560px)時堆疊網格，可以應用預設斷點。
9	斷點預設在低於35em (560px)時堆疊網格，可以應用預設斷點。在網格容器中，包含.ui-responsive類。

jquery_mobile_layouts.htm

列印頁面

廣告

© . All rights reserved.