การจัดกึ่งกลางให้กับ Element ที่เป็น Absolute ใน TailwindCSS

Web Development

การจัดกึ่งกลางให้กับ Element ที่เป็น Absolute ใน TailwindCSS

ประมาณ 2 เดือนที่ผ่านมา

1 min read

Table of Contents

การจัดกึ่งกลางให้กับ Element ที่เป็น Absolute ใน TailwindCSS ก็เป็นอะไรที่ผมใช้อยู่บ่อยๆ และชอบที่จะลืมประจำเวลาที่อยากจะใช้ เลยใช้เขียนเป็น Blog Post ซะเลยเผื่อใครกำลังหาอยู่ และกันตัวเองลืมด้วย

Code

<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
    <!-- your content -->
</div>

Result

Tailwind center an absolute element
Tailwind center an absolute element

Reference

Tags:

TailwindCSS