Penjajaran Tengah Melalui Absolute dalam CSS
Terdapat satu cara licik untuk menjajarkan elemen di tengah menggunakan pemposisian mutlak. Anda boleh menjadikan elemen tersebut diletakkan tepat di tengah tetingkap pelayar. Untuk melakukan ini, anda tidak perlu menetapkan saiz elemen dan pada masa yang sama tetapkan pemposisian dari keempat-empat sisi:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Dengan menggunakan cara yang diterangkan, buatkan satu blok,
yang berada di tengah skrin dan berjarak
dari semua sisi sebanyak 100px.
Dengan menggunakan cara yang diterangkan, buatkan satu blok,
yang berjarak dari atas tepi skrin 100px,
kanan - 200px, bawah - 50px,
dan kiri - 10px.
