وسط قرار دادن محتوا داخل یک تگ div

این تاپیک 6 پاسخ و 6 مشارکت کننده دارد . آخرین آپدیت توسط :  سید احسان عظیمی ،‏ 4 ماه پیش .

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

نویسنده پست
شنبه ، 6 آگوست 2016     5:19 ب.ظ #


єѕмαιℓ

Subscriber
16 پست20 تاپیک

سلام ، من یک Div کلی دارم که داخلش سه عدد Div دیگه وجود داره که در سمت راست Div اصلی قرار دارن مثل مربع های بالای شماره 1 . 2 . 3  که در تصویر زیر مشخص کرده ام و در آخر من میخوام این سه Div به وسط Div اصلی انتقال پیدا کنند مانند مربع های پایینی تصویر باید چه تگی در CSS استفاده کنم ؟

تشکر

لطفا فایل پیوست را مشاهده کنید .

پیوست ها:
You must be logged in to view attached files.
0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
شنبه ، 6 آگوست 2016     5:48 ب.ظ #


امین حیدری

Subscriber
20 پست10 تاپیک

سلام دوست عزیز

اگر کدتو اینجا قرار بدی راحت تر میتونم کمکت کنم

0  تشکر
شنبه ، 6 آگوست 2016     6:18 ب.ظ #


єѕмαιℓ

Subscriber
16 پست20 تاپیک

سلام اینم کد های سی اس اس که Class ها همون های هستن که در تصویر نوشتم


.content{
margin: 60px 0px 40px 0px;
width: 100%;
height:auto;
}
.box-content{
width: 300px;
height: 405px;
background-color: #fff;
margin-right: 105px;
display: inline-block;
border-radius:18px;
border-bottom: solid 7px #cacaca;
display: inline-block;
transition: all 0.5s ease-in-out;
}

0  تشکر
شنبه ، 6 آگوست 2016     6:34 ب.ظ #


Pouria Ariafar

ناظم
141 پست9 تاپیک

سلام

لینک زیر برو برات یک نمونه مثال زدم که چطوری میشه مجموعه ای از دایو ها رو در وسط یک دایو قرار داد

http://codepen.io/pourya93/pen/RRZdJm

به دایو center توجه کن به width هر مقداری میدی نصف منفیش رو به margin-right میدی

1  تشکر
شنبه ، 6 آگوست 2016     7:53 ب.ظ #


Hosein

Subscriber
VIP
4 پست0 تاپیک

این مقاله خیلی میتونه کمکت کنه تقریبا تمام راه های وسط چین کردن رو توضیح داده

وسط چین کردن عناصر صفحه

در مورد این هم کافیه به تگ پدر Textalign:center بدی و به تگ فرزندان که همون div هات میشن display : inline-block و یه width و height که میخوای دایو هات داشته باشن

1  تشکر
شنبه ، 6 آگوست 2016     8:35 ب.ظ # پاسخ تائید شده توسط سوال کننده


مهران

Subscriber
166 پست2 تاپیک

اقا اسماعیل عزیز سلام

من بازم متوجه نشدم کد های html شما چی بودند،ولی برای وسط چین کردن المان های همچون div دو راه میشناسم:
1.اگر عرض مشخص نداره این سه تا باکس رو داخل div با آیدی center بزار با این استایل:

این روش بالا حتما مشکل شما رو حل میکنه اگر کد های کامل رو قرار میدادید کاملا می گفتم که چطور انجام میشه

2.اگر عرض مشخص دارن که روش Pourya Ariyafar هم میشه یعنی به همون div با کلاس center این استایل رو بده:(مثلا عرض رو 400px در نظر گرفتم)

توضیح این روش اینکه فایل رو 50% درصد میکشی به سمت راست،بعد نصف عرضش می بریش چپ! جالبه امتحان کن!

مقاله ای که Hosein جان هم دادن بخون کلی همه چیز رو توضیح داده و در آینده به دردت میخوره...

3  تشکر
شنبه ، 6 آگوست 2016     10:13 ب.ظ #


سید احسان عظیمی

Subscriber
105 پست14 تاپیک

اول سه تا دایو رو بزار تو یه دایو دیگه و برای  دایو جدیدت پراپرتی زیر رو ست کن ،به احتمال زیاد درست میشه

margin:0 auto;

0  تشکر
پست 1 تا 7 (از مجموع 7 پست)

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