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


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

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

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

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

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

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

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


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

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

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

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

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

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


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



คำสำคัญ (Tags): #่jquery mobile#manual#grid#block
หมายเลขบันทึก: 589181เขียนเมื่อ 21 เมษายน 2015 18:13 น. ()แก้ไขเมื่อ 21 เมษายน 2015 18:14 น. ()สัญญาอนุญาต: ครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-ไม่ดัดแปลง


ความเห็น (0)

ไม่มีความเห็น

สงวนลิขสิทธิ์ © 2005-2021 บจก. ปิยะวัฒนา และผู้เขียนเนื้อหาทุกท่าน
ขอแนะนำ ClassStart ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต ทั้งเว็บทั้งแอปใช้งานฟรี