কম্পিউটার টিউটোরিয়াল

CSS Flexbox দিয়ে এলিমেন্ট ভার্টিক্যালি ও হরিজন্টালি সেন্টার করা

CSS Flexbox দিয়ে এলিমেন্ট ভার্টিক্যালি ও হরিজন্টালি সেন্টার করা

CodePen from the video

Flexbox ব্যবহার করে এলিমেন্টকে একসাথে হরিজন্টালি এবং ভার্টিক্যালি সেন্টার করার সবচেয়ে সহজ পদ্ধতি:

.container { display: flex; justify-content: center; align-items: center; }

justify-content: center হরিজন্টালি, align-items: center ভার্টিক্যালি সেন্টার করে।

  1. CSS দিয়ে বাটন উপাদানকে লম্বা ও অনুভূমিকভাবে কেন্দ্রে আনন্দ

  2. CSS দিয়ে যেকোনো এলিমেন্টকে লম্বা ও অনুভূমিকভাবে কেন্দ্রে আনন্দ

  3. CSS এবং জাভাস্ক্রিপ্ট দিয়ে ট্রি ভিউ (Tree View) তৈরি

  4. CSS দিয়ে ওয়েবসাইট হোরিজন্টালি সেন্টার (Center) করা