وسط چین کردن یک div با css

این تاپیک 8 پاسخ و 6 مشارکت کننده دارد . آخرین آپدیت توسط :  Mohammad Reza Rohani ،‏ 1 سال و 4 ماه پیش .

این تاپیک تاکنون 8951 بازدید داشته است .

نویسنده پست
دوشنبه ، ۲۷ خرداد ۱۳۹۲     ۱۰:۳۸ ق.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

سلام.

می خواستم در سی اس اس بدون استفاده از padding و margin و position یک div  رو در مرکز قرار بدم.

لطفا راهنمایی کنید.

تشکر

6  تشکر
دوشنبه ، ۲۷ خرداد ۱۳۹۲     ۱۱:۵۳ ق.ظ #


محمد سلطان زاده

Subscriber
243 پست30 تاپیک

سلام. می تونید تگ div رو داخل رو قرار بدین.

3  تشکر
دوشنبه ، ۲۷ خرداد ۱۳۹۲     ۱۲:۱۳ ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

[quote=11907]سلام. می تونید تگ div رو داخل رو قرار بدین.[/quote]
 ممنون ولی میشه دقیق تر توضیح بدید؟

4  تشکر
دوشنبه ، ۲۷ خرداد ۱۳۹۲     ۱۲:۵۳ ب.ظ #


محمد سلطان زاده

Subscriber
243 پست30 تاپیک

ببخشید. من داخل پاسخم تگ center رو نوشتم ولی متأسفانه هنگام ثبت نوشته، اونو حذف کرده.

می تونید تگ div رو داخل رو داخل تگ center قرار بدین.

5  تشکر
دوشنبه ، ۲۷ خرداد ۱۳۹۲     ۱:۰۱ ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

کار استاندارد و معمولی که انجام میشه استفاده از margin هست :

25  تشکر
دوشنبه ، ۲۷ خرداد ۱۳۹۲     ۲:۰۹ ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

خیلی ممنون هم از آقای سلطان زاده هم از آقای آوند.

روشی که آقای سلطان زاده گفتند برای html بود و برای سی اس اس نمیدونستم از چه روشی استفاده کنم که آقای لقمان جوابو گفتند.

باز هم تشکر.

یا علی

4  تشکر
پنج شنبه ، ۸ مرداد ۱۳۹۴     ۱:۰۴ ب.ظ #


رضا ساطع بیدگلی

Subscriber
199 پست51 تاپیک

من این کد آقای آند رو زدم ولی از لحاظ بالا و پایین نیومد وسط چی کار کنم ؟

0  تشکر
شنبه ، ۱۰ مرداد ۱۳۹۴     ۲:۱۰ ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

برای وسط چین کردن از 4طرف باید از پوزیشن ها استفاده کنید

این لینک یه راهنمای کامل برای این کار هست

https://css-tricks.com/centering-css-complete-guide/

4  تشکر
جمعه ، ۲۸ اسفند ۱۳۹۴     ۷:۵۸ ب.ظ #


Mohammad Reza Rohani

Subscriber
1 پست0 تاپیک


display: flex;
justify-content: center;
align-items: center;

20  تشکر
پست 1 تا 9 (از مجموع 9 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .