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

شیوه های مختلفی برای رسیدن به این جلوه است. از طرفی قطعا با شرایطی برخورد می‌کنید که لازم باشه یه باکس رو وسط صفحه قرار بدید (هم عمودی و هم افقی) پس دونستن این تکنیک ها خیلی می‌تونه مفید باشه.

من تقریبا هر متدی که روی وب پیدا کردم رو اینجا نوشتم. سعی کردم کامل هم توضیح داده باشم که بتونید به عنوان مرجع ازش استفاده کنید و همیشه اونجا برای استفاده در دسترس باشه. 

مطلب رو می‌تونید از اینجا بخونید 
http://front-end.ir/ui/how-to-center-a-box-with-css
Photo
Shared publiclyView activity