HTML
<article>
<h1 class="pop-n-plop">Pop n' Plop</h1>
</article>
CSS
article {
position: relative;
}
.pop-n-plop {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
<article>
<h1 class="pop-n-plop">Pop n' Plop</h1>
</article>
article {
position: relative;
}
.pop-n-plop {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2023-10-19 UTC