جواد
2 سال پیش توسط جواد مطرح شد
3 پاسخ

تگ img

سلام خسته نباشید
یه سوال عجیب؟؟؟
چهار تا عکس رو طوری با درصد عرض و مارجین دادم که دقیقا تو یک خط با فاصله مناسب بغل هم بیفتند.همه چی درسته تا وقتی که فقط به خاطر مرتب کردن کدهام تگ های img که تو یه خط نوشته بودم رو جدا کردم تا هرکدوم تو یه خط باشند.بعد از این یکی از عکس ها به خط بعدی میره.
چندبار هم امتحان کردم.
کسی دلیلش رو میدونه؟


ثبت پرسش جدید
کورش تقیخانی
@kourosh13241 2 سال پیش مطرح شد
0

اگه هنوز سمت css نرفتی و فعلا فقط داری با html کد مینویسی مشکلی نیست بقیه کارتو ادامه بده بعدا با css درستش کن


reza
تخصص : Frontend Developer
@rezaasadollahi0020 2 سال پیش مطرح شد
0

سلام باید از کدت عکس بزاری یا کداتو میزاشتی که بهتر بشه راهنمایی کرد ؛ من بر حسب برداشتی که کردم راهنماییت میکنم امیدوارم مشکلت برطرف بشه ، شما میتونی از flex یا grid در CSS استفاده کنی و این مشکل را برطرف کنی:

تمام تگ های img را بریز داخل یک تگ div

 <div>
        <img src="./image/asd.jpg" alt="First photo">
        <img src="./image/dd.jpg" alt="Second photo">
        <img src="./image/dasc.jpg" alt="third photo">
        <img src="./image/wdw.jpg" alt="Fourth photo">
    </div>

در فایل css به تگ div استایل های زیر را بده

div {
    display: flex;
    flex-flow: row nowrap;
}

علی
تخصص : مهندس کامپیوتر
@Alimomeni1380 2 سال پیش مطرح شد
0

به فایل اصلی که عکس هارو توش لود کردی طول درستی ندادی
میتونی طول کاملش رو ۱۰۰ درصد درنظر بگیری و طول هر عکس رو محاسبه کنی مثلا طول هر عکس رو ۲۳ درصد محاسبه کن و به هرکدوم مارجین و پدین مشخص بده که طول کلی هر عکس بیشتر از ۲۵ درصد نشه اگر دیدی باز هم تو یه مادر نبود به عکس های خودت طول کمتر از ۲۵ درصد بده


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام