×
انتشار ۰۸ شهریور ماه ۱۳۹۶

وسط قرار دادن div در css

یکی از چالش هایی که همیشه طراح های Front end با اون دست به گریبان هستن وسط قرار دادن div ها در طرح هست در نظر بگیرین که یک اسلایدر دارید و می خواید بصورت پیشفرض یک عنواندر وسط اون قرار بگیره در قرار دادن اون در وسط راستای افق میتونید از کد زیر استفاده کنید:

ولی چالش زمانی شروع میشه که بخواید المان مورد نظر رو در راستای عمودی وسط چین کنید اگر طرح بصورت ریسپانسیو باشه قطعا دشواری قرار دادن المان مورد نظر دقیقا در وسط کادر چند برابر میشه برای این منظور شما می توانید از کد زیر استفاده کنید و به راحتی المان طرح تون رو در وسط کادر مورد قرار بدین.

 

ارسال نظر