ไอออนิก - ช่องว่างภายใน

Ionic นำเสนอวิธีง่ายๆในการเพิ่มช่องว่างภายในองค์ประกอบ มีสองคลาสที่สามารถใช้ได้และทั้งหมดจะเพิ่ม10pxระหว่างเส้นขอบขององค์ประกอบและเนื้อหา ตารางต่อไปนี้แสดงคลาส padding ทั้งหมดที่มี

ชั้นเรียน Padding

การใช้ Padding

เมื่อคุณต้องการใช้ช่องว่างภายในบางส่วนกับองค์ประกอบของคุณคุณเพียงแค่กำหนดหนึ่งในชั้นเรียนจากตารางด้านบน ตัวอย่างต่อไปนี้แสดงปุ่มบล็อกสองปุ่ม อันแรกคือการใช้paddingชั้นเรียนและชั้นที่สองไม่ได้ คุณจะสังเกตเห็นว่าปุ่มแรกมีขนาดใหญ่กว่าเนื่องจากมี10px ใช้ช่องว่างภายใน

<div class = "button button-block padding">Padding</div>
<div class = "button button-block">No padding</div>

โค้ดด้านบนจะแสดงหน้าจอต่อไปนี้ -