প্যারেন্টের সাথে মার্জিন সহ ফ্লেক্স এলিমেন্টগুলিকে অ্যালাইন করা
justify-content প্রপার্টিতে space-around মানটি
প্রথম এবং শেষ ফ্লেক্স এলিমেন্টগুলিকে প্যারেন্টের প্রান্ত থেকে
একটি মার্জিন নির্দিষ্ট করে।
প্রথম নজরে মনে হতে পারে যে এলিমেন্টগুলির মধ্যে এবং প্রান্তিক এলিমেন্ট
ও প্যারেন্টের মধ্যকার দূরত্ব সমান হবে, তবে, তা নয়
- এলিমেন্টগুলির মধ্যকার দূরত্ব প্যারেন্ট এবং প্রান্তিক
এলিমেন্টের মধ্যকার দূরত্বের চেয়ে 2 গুণ বেশি হবে।
আসুন একটি উদাহরণ দেখি:
.parent {
display: flex;
justify-content: space-around;
}
কোড 실행ের ফলাফল:
