๋JQuery Mobile ตอน ทำความเข้าใจกับ Grid

กริดคือพื้นที่ที่สามารถนำคอนโทรลหรืออิลิเมนต์ใดๆมาจัดเรียง

จัดวางเพื่อใช้งานตามวัตถุประสงค์ของผู้พัฒนาโมบายแอพ

กริดมีความกว้างตามหน้าจอสูงสุดคือ 100%

ไม่มีเส้นขอบหรือพื้นหลัง

ไม่มีการเว้นระยะจากขอบหรือเว้นระยะขอบภายใน

ภายในกริดจะประกอบด้วยบล็อค

ซึ่งมีอยู่ 5 แบบคือ a,b,c,d,e


กริดแบบสองคอลัมน์

หากต้องการสร้างการแสดงผลแบบสองคอลัมน์บนหน้าแอพ

ให้กำหนดคุณสมบัติ class ด้วย ui-grid-a

แล้วภายในคอลัมน์ให้กำหนดคุณสมบัติของ class ด้วย

ui-block-a สำหรับคอลัมน์ที่หนึ่ง

และคอลัมน์ที่สองให้กำหนดภายในคลาสด้วย ui-block-b


คลิกที่นี่เพื่ออ่านต่อ



บันทึกนี้เขียนที่ GotoKnow โดย  ใน บันทึก IT



ความเห็น (0)