CSS tekislash
CSS elementlarni markazlash
CSS bilan elementlarni (gorizontal, vertikal yoki ikkalasini) element turiga qarab bir necha usulda markazlash mumkin.
Men vertikal va gorizontal markazlashtirilganman.
Misol
div elementini flexbox yordamida markazlash:
.center {
display: flex;
justify-content: center;
align-items: center;
}
O‘zingiz sinab ko‘ring »
Gorizontal tekislash
Elementlarni gorizontal tekislashning bir necha usuli bor:
- margin: auto - Center block elements
- text-align: center - Center text inside elements
- float yoki position - chapga/o‘ngga tekislash
Vertikal tekislash
Vertikal markazlash zamonaviy maket usullari bilan amalga oshirilishi mumkin:
- Flexbox - Use
align-items: center - Grid - Use
place-items: center - Position + Transform — o‘lchamlari noma’lum elementlar uchun
Maslahat: Flexbox kontentni gorizontal ham, vertikal ham markazlash uchun eng zamonaviy va tavsiya etilgan usul!
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!