CSS Grid Overlay ใน Chrome ด้วย OffiDocs
Ad
DESCRIPTION
รองรับเบรกพอยต์หลายจุดและค่ากริดตามปกติ (รางน้ำ คอลัมน์ ความกว้างสูงสุด ฯลฯ)
การกำหนดค่าสามารถบันทึกและแชร์ระหว่างสมาชิกในทีมเป็นวัตถุ json ได้อย่างง่ายดาย
ตัวอย่าง conf: [ { "columns": 4, "margins": 16, // px ก่อนและหลังคอลัมน์แรกและสุดท้าย // รางน้ำเหล่านี้ทำงานเหมือนระยะขอบ: // ถ้าระยะห่างระหว่างคอลัมน์คือ 32px รางน้ำคือ 16 "รางน้ำ ": 16, "จาก": 0, // จุดเริ่มต้นของเบรกพอยต์ใน px // ค่าที่เลือกได้ // "ถึง": 599, จุดสิ้นสุดของเบรกพอยต์ใน px // ตารางจะอยู่กึ่งกลางหลังจาก maxWidth นี้ใน px // มิฉะนั้นจะเป็น ' จะเป็นความกว้างเต็ม // "maxWidth": 1440, // ถ้าคุณต้องการย้ายกริด // (e.
g.
ในคำแนะนำสไตล์ที่มีแถบด้านซ้าย // คุณต้องใช้ offsetLeft เพื่อดันตารางไปทางขวา // "offsetTop": 0, // "offsetRight": 0, // "offsetBottom": 0, // "offsetLeft ": 0, // "backgroundColors": { // "คอลัมน์": "rgba(234, 23, 140, .
3)", // "รางน้ำ": "rgba(0, 231, 255, .
3)", // "ระยะขอบ": "rgba(0, 191, 165, .
3)" // } } ]
ข้อมูลเพิ่มเติม:
- นำเสนอโดย imagentleman.github.io
- คะแนนเฉลี่ย : 4.33 ดาว (ชอบ)
- นักพัฒนา อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริ
เว็บ CSS Grid Overlay extension รวมเข้ากับ OffiDocs Chromium ออนไลน์