CSS-এ উল্লম্ব কেন্দ্রীকরণ

CSS এখনও আমাদের বেশিরভাগের জন্য বিভ্রান্তিকর: এর শত শত খারাপ নামযুক্ত বৈশিষ্ট্য রয়েছে, যার প্রত্যেকটি অ-স্বজ্ঞাত উপায়ে ফলাফলকে প্রভাবিত করতে পারে। ওয়েব ডেভেলপমেন্টে উপাদানগুলির উল্লম্ব অবস্থান জটিল এবং অতীতে প্রায়শই মাথাব্যথার কারণ হয়ে দাঁড়ায়। কিন্তু সৌভাগ্যক্রমে সেই দিনগুলো শেষ।


এটা বিশ্বাস করা কঠিন: 2024 সালে এখন CSS এর এক লাইন দিয়ে কাঙ্খিত ফলাফল অর্জন করা সম্ভব হবে:

0f1273b25d9806459716

0f1273b25d9806459716

অতীতে, লোকেরা একই ফলাফল অর্জনের জন্য বিভিন্ন বিকল্প ব্যবহার করত:

ফ্লেক্সবক্স

0f1273b25d9806459716

পরম অবস্থান

0f1273b25d9806459716

ইনলাইন ব্লক

0f1273b25d9806459716

সারিবদ্ধ বিষয়বস্তুর জন্য ব্রাউজার সমর্থন এখন খুব ভাল এবং পুরানো কৌশল ব্যবহার করার জন্য আর ভাল যুক্তি নেই। অন্যান্য জিনিসগুলির মধ্যে, এই কাজের জন্য আপনার আর একটি ফ্লেক্সবক্সের প্রয়োজন নেই এবং শিশু উপাদানটি আলাদা একটিতে থাকতে হবে না (উপরের উদাহরণের বিপরীতে)। div অন্তর্ভুক্ত করা এটা আশ্চর্যজনক যে কয়েক দশকের অগ্রগতির পরে, CSS-এর এখন উল্লম্ব কেন্দ্রীকরণ নিয়ন্ত্রণ করার জন্য একটি একক সম্পত্তি রয়েছে।

পেছনে