Layout GridsjQuery Mobile has a set

Layout Grids
jQuery Mobile has a set of layout grids built in, ranging from two to five columns.
Layout grids are useful when you have smaller elements like buttons or form fields that
you need to lay out with more precision.
Layout grids are based on a div structure: create a div to contain the grid, and then add
the cell divs inside. The containing div is given a class ui-grid class: ui-grid-a for 2
columns, ui-grid-b for three columns, and so forth, all the way to ui-grid d for 5 columns. Cell divs are given ui-block classes based on their order: ui-block-a for first,
ui-block-b for second, and so forth, all the way up to ui-block-e for fifth.
Multiple rows are handled by adding more cell divs, which should be classed so that
each column should have its own ui-block class (Example 3-27). Figure 3-26and Figure 3-27show the result.
Example 3-27. Layout grids

Kết quả (Việt) 1:

Bố trí lướijQuery các điện thoại di động có một bộ các bố trí lưới được xây dựng trong, khác nhau, từ hai đến năm cột.Bố trí lưới là hữu ích khi bạn có các yếu tố nhỏ như nút hoặc hình thức các lĩnh vực màbạn cần phải lay ra với độ chính xác hơn.Bố trí lưới được dựa trên một cấu trúc div: tạo ra một div có chứa lưới điện, và sau đó thêmdivs di động bên trong. Div có chứa được một lớp giao diện người dùng-lưới lớp: giao diện người dùng-lưới-một cho 2cột, giao diện người dùng-lưới-b cho ba cột, và vv, đến giao diện người dùng-lưới d cho 5 cột. Tế bào divs được cho giao diện người dùng-khối lớp học dựa trên thứ tự của họ: giao diện người dùng-khối a cho lần đầu tiên,giao diện người dùng khối, b cho thứ hai, và vv, tất cả các con đường lên đến giao diện người dùng-khối-e cho thứ năm.Nhiều hàng được xử lý bằng cách thêm nhiều tế bào divs, mà nên được phân loại đểmỗi cột phải của riêng của nó giao diện người dùng-khối lớp (ví dụ: 3-27). Tìm 3-26and hình 3-27show kết quả.Ví dụ 3-27. Bố trí lưới

Kết quả (Việt) 2:

Bố trí lưới
jQuery Mobile đã có một tập hợp các hệ thống layout được xây dựng trong, dao động 2-5 cột.
Layout lưới rất hữu ích khi bạn có những yếu tố nhỏ hơn như các nút hoặc các trường mẫu mà
bạn cần phải đặt ra với độ chính xác hơn.
Giao diện lưới dựa trên cấu trúc div: tạo một div chứa lưới điện, và sau đó thêm
các divs di động bên trong. Các div chứa được đưa ra một lớp ui-lưới lớp: ui-grid-một trong 2
cột, ui-grid-b cho ba cột, và vân vân, tất cả các cách để ui-lưới d cho 5 cột. Divs di động được cho lớp ui-block dựa trên thứ tự của chúng: ui-block-một cho đầu tiên,
ui-block-b cho thứ hai, và vân vân, tất cả các con đường lên đến ui-block-e cho thứ năm.
Nhiều hàng được xử lý bằng cách thêm divs di động, mà nên được phân loại như vậy mà
mỗi cột nên có lớp ui-block riêng của mình (Ví dụ 3-27). Hình 3-26and Hình 3-27show kết quả.
Ví dụ 3-27. Bố trí lưới