จะเพิ่มช่องว่างภายในทุกด้านใน Tailwind ได้อย่างไร

Tailwind CSS เป็นเฟรมเวิร์กที่รู้จักกันดีซึ่งใช้เพื่อสร้างหน้าเว็บหรือการออกแบบที่ปรับแต่งได้และตอบสนอง นอกจากนี้ยังช่วยให้ผู้ใช้ควบคุมเค้าโครงและระยะห่างขององค์ประกอบโดยไม่ต้องเขียน CSS แบบกำหนดเองใดๆ การเติมคือช่องว่างระหว่างเนื้อหาขององค์ประกอบเฉพาะกับเส้นขอบ บางครั้ง ผู้ใช้ต้องการใช้ช่องว่างภายในในปริมาณที่เท่ากันกับทุกๆ ด้านขององค์ประกอบ Tailwind มีคลาสยูทิลิตี้เพื่อใช้ช่องว่างภายในกับทุกด้านขององค์ประกอบ หรือกับด้านใดด้านหนึ่ง เช่น ด้านบน ด้านขวา ด้านล่าง หรือด้านซ้าย

บทความนี้จะยกตัวอย่างวิธีการเพิ่มช่องว่างภายในทุกด้านขององค์ประกอบใน Tailwind

จะเพิ่มช่องว่างภายในทุกด้านใน Tailwind ได้อย่างไร

หากต้องการเพิ่มช่องว่างในทุกด้านขององค์ประกอบเฉพาะใน Tailwind ให้สร้างโครงสร้าง HTML จากนั้น ใช้คลาสยูทิลิตี้ “p-” กับองค์ประกอบเฉพาะ จำเป็นต้องระบุค่าที่ต้องการเพื่อใช้ช่องว่างภายในกับองค์ประกอบ ต่อไป ตรวจสอบหน้าเว็บ HTML เพื่อให้แน่ใจว่ามีการเปลี่ยนแปลง

ไวยากรณ์