Žyma: css

Žymos RSS

Horizontalus centravimas

  • Komentarai: 5

Šitas įrašas yra visai ne apie tai, kas būtų jeigu Sabonis žaistų krepšinį gulėdamas ant grindų (tiesa, esu įsitikinęs, kad jis tai darytų puikiai). Ir tikiuosi iš pirmojo sakinio supratote, kad nesusipainiojau ir (beveik) neketinu kartotis vertikalaus centravimo tema.

Dažniausiai norint nežinomo pločio elementą išcentruoti horizontaliai kitame elemente problemų nekyla – užtenka tiesiog paprasto text-align:center; ar kiek sudėtingesnio display:block; margin-left: auto; margin-right: auto;. Šie abu variantai netinka tuo atveju, kai vidinis elementas yra platesnis negu išorinis. Jeigu tas vidinis elementas yra paveiksliukas, jį galima perkelti į foną ir uždėti background-position: 50% 50%;, tačiau kartais tiesiog nėra techninės galimybės nenaudoti <img>, o galbūt kai kam kiltų noro ir žaisti su kitokiais elementais.

(more…)