display:flex در تگ بادی

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام وقتتون بخیر

چرا وقتی ما دو تا کانتینر مشابه داریم که به کانتینر اولی مارجین 20 پیکسل اتو میدهیم و بعد زیرش به تگ بادی دیسپلی فلکس میدهیم و بعد مثلا جاستیفای کانتنت رو سنتر قرار میدیم تاثیری روی کانتینر اولی نداره؟

ساختار flex فقط روی فرزندان تگ والد تاثیر می‌زاره نه تگ‌های کناری و خارج از تگ والد در ساختار زیر اگر به div با کلاس container ساختار flex اعمال بشه فقط به فرزندان درونش اعمال میشه نه تگ‌های کناری با کلاس x , y

<div class="conteiner">
<p>test1p>
<p>test1p>
<span>test1span>
div>
 <div class="x">div>
 <div class="y">div>

وحید صالحی ۱۹ دی ۱۴۰۰، ۲۰:۰۷

بله خیلی ممنون ولی من منظورم تگ body بود و درون تگ بادی ما اگه دو تا تگ div داشته باشیم که به div اولی ساختار مارجین 10 پیکسل از بالا و پایین و auto از چپو راست داده باشیم و بعد به تگ body display:flex و justify-content:center بدهیم عمل نمیکنه طبق اخرای ویدعو

رامهر ۲۰ دی ۱۴۰۰، ۰۶:۵۰

خوب نباید عمل کنه چون شما ابتدا موقیت رو با مارجین مشخص کردید که وسط باشه دیگه نمی‌شه با flex تغییر داد از یکدومش باید استفاده کنید

بهترین پاسخ

وحید صالحی ۲۰ دی ۱۴۰۰، ۱۱:۲۹