CSS-এ ফ্লেক্স এলিমেন্টগুলিকে প্যারেন্ট বরাবর অ্যালাইন করা

justify-content বৈশিষ্ট্যে নির্দিষ্ট করা space-between মানটি, এলিমেন্টগুলিকে প্যারেন্ট বরাবর সমানভাবে বন্টন করতে দেয়। এক্ষেত্রে তাদের মধ্যকার দূরত্ব স্বয়ংক্রিয়ভাবে গণনা করা হয়। প্রথম এলিমেন্টটি বাম প্রান্তে এবং শেষ এলিমেন্টটি ডান প্রান্তে চেপে যাবে।

আসুন একটি উদাহরণ দেখি:

css.parent {
  display: flex;
  justify-content: space-between;
}

কোড 실행ের ফলাফল: