🔥 کمپین سال عزتتا پایان اردیبهشت ادامه دارد (در این روزهای سخت در کنار شما هستیم)
۰ ثانیه
۰ دقیقه
۰ ساعت
۲ حسنا ضیایی نیا
زیر هم افتادن عکس‌ها در بخش header
جامعه Html & CSS ایجاد شده در ۰۵ بهمن ۱۴۰۴

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

برای اینکه عکس‌ها کنار هم قرار بگیرند چه کاری باید انجام بدم؟

 

 

سلام. وقت بخیر
چند راه برای این که تصاویر کنار هم قرار بگیرن هست، می‌تونید به تصاویر display: inline-block و یک عرض مشخص بدید. می‌تونید از flexbox استفاده کنید به این صورت که یک والد برای تصاویر در نظر بگیرید (مثلا 3 تا img هست بذاریدشون تو یک div) و به والدش display: flex بدید و با gap فاصله بینشون رو کنترل کنید. اگرم می‌خواید زیر هم قرار بگیرن علاوه بر display: flex یک flex-direction: column هم به والد بدید.
همچنین از سیستم Grid هم می‌تونید استفاده کنید. مثلا به همون div یک display: grid و grid-template-columns: repeat(3, 1fr) بدید.

سحر پاشائی ۰۸ بهمن ۱۴۰۴، ۱۳:۰۷