প্যারেন্টের সাথে মার্জিন সহ ফ্লেক্স এলিমেন্টগুলিকে অ্যালাইন করা

justify-content প্রপার্টিতে space-around মানটি প্রথম এবং শেষ ফ্লেক্স এলিমেন্টগুলিকে প্যারেন্টের প্রান্ত থেকে একটি মার্জিন নির্দিষ্ট করে।

প্রথম নজরে মনে হতে পারে যে এলিমেন্টগুলির মধ্যে এবং প্রান্তিক এলিমেন্ট ও প্যারেন্টের মধ্যকার দূরত্ব সমান হবে, তবে, তা নয় - এলিমেন্টগুলির মধ্যকার দূরত্ব প্যারেন্ট এবং প্রান্তিক এলিমেন্টের মধ্যকার দূরত্বের চেয়ে 2 গুণ বেশি হবে।

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

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

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