وسط چین کردن با Css

سلام

دوستان روش <center></center> به عنوان یه روش غیر استاندارد برای وسط چین کردن دیگه شناخته میشه. برای همین از Css استفاده می کنن.

خیلی وقتا طراحان ( به اشتباه ) از text-align:center; برای وسط چین کردن استفاده می کنن اما این روش برای اشیا در طراحی غلطه!

یه روش دیگه که هست و البته خیلی بهتر! این کده

margin:0 auto;

البته به شرطی که شئ مون با position = relative باشد نه absolute !

و اینکه این روشا فقط برای وسط چین کردن به صورت افقیه نه عمودی !!

حالا ول کنین. برای وسط چین کردن از روش زیر برای اشیا استفاده کنین

left:50%;transform: translateX(-50%);

برای افقی و عمودی

top:50%;transform: translateY(-50%);

البته کد بالا خیلی جامعه و رسپانسیو :دی

تا آموزشی دیگر به درود!nerd

پست های پیشنهاد شده