سلام دوستان وقتتون بخیر
میخواستم ببینم چطور میتونم تصاویر آرشیو محصولات رو با استفاده از css یا بوت استرپ هم تراز کنم یعنی ارتفاع یکسان داشته باشن
غیر از اینکه خودم به همشون یک ارتفاع مشخص بدم راه دیگه ای هم هست؟
سلام خوبی از این روش ها استفاده کن
align-items: stretch
در استایل آن استفاده کنید. این خصیصه باعث می شود تمام اجزای داخل کانتینر با ارتفاعی یکسان نمایش داده شوند..container {
display: flex;
align-items: stretch;
}
grid-auto-rows: 1fr
در استایل کانتینر، ارتفاع تصاویر را به صورت ضمنی مشخص کنید..container {
display: grid;
grid-auto-rows: 1fr;
}
const images = document.querySelectorAll('.product-image');
let maxHeight = 0;
images.forEach(image => {
const height = image.offsetHeight;
if (height > maxHeight) {
maxHeight = height;
}
});
images.forEach(image => {
image.style.height = `${maxHeight}px`;
});
اگه از بوت استرپ استفاده میکنی باید از کلاس های flex یا grid استفاده کنی که توی مستندات بوت استرپ هست
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟