CSS-এ অ্যাবসোলিউটের মাধ্যমে কেন্দ্রীকরণ
একটি এলিমেন্টকে কেন্দ্রে স্থাপনের একটি চতুর পদ্ধতি রয়েছে অ্যাবসোলিউট পজিশনিংয়ের মাধ্যমে। এটি এমনভাবে করা যেতে পারে যে এলিমেন্টটি ব্রাউজার উইন্ডোর ঠিক কেন্দ্রে অবস্থান করবে। এটি করার জন্য এলিমেন্টের আকার নির্ধারণ না করে এবং একই সাথে চারদিক থেকে পজিশনিং নির্ধারণ করতে হবে:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
বর্ণিত পদ্ধতি ব্যবহার করে একটি ব্লক তৈরি করুন,
যা স্ক্রিনের কেন্দ্রে অবস্থান করবে এবং সব দিক থেকে
100px ইন্ডেন্ট করবে।
বর্ণিত পদ্ধতি ব্যবহার করে একটি ব্লক তৈরি করুন,
যা স্ক্রিনের উপরের প্রান্ত থেকে 100px ইন্ডেন্ট করবে,
ডানদিকে - 200px, নীচে - 50px,
এবং বামদিকে - 10px।
