এইচটিএমএল-এ, বোতামগুলি একটি নির্দিষ্ট ক্রিয়া সম্পাদন করতে ব্যবহৃত ক্লিকযোগ্য উপাদান। CSS ব্যবহার করে, আপনি বোতামের অবস্থান সেট করতে পারেন যেখানে আপনি এটি রাখতে চান। এটি করার জন্য, CSS-এ বেশ কয়েকটি কৌশল রয়েছে, তার মধ্যে একটি হল flexbox। ' ফ্লেক্স ” উপাদানটির ভিউপোর্ট অনুযায়ী অবস্থান নির্ধারণ করতে ব্যবহৃত হয়।
এই নিবন্ধটি শেখাবে কিভাবে সিএসএস ফ্লেক্সবক্স ব্যবহার করে একটি বোতাম কেন্দ্রীভূত করতে হয়।
সুতরাং, শুরু করা যাক!
সিএসএস ফ্লেক্সবক্স ব্যবহার করে কীভাবে কেন্দ্র বোতাম করবেন?
' ফ্লেক্স ” হল CSS এর ডিসপ্লে প্রপার্টির জন্য সেট করা মান। ভিউপোর্ট আকারের উপর নির্ভর করে, এটি সেই অনুযায়ী বিষয়বস্তু বা উপাদান সেট করে। CSS-এ, ফ্লেক্স মান উপাদানগুলির মধ্যে সমান স্থান তৈরি করে যাতে তারা দক্ষতার সাথে সাজানো হয়।
বাক্য গঠন
উপরে প্রদত্ত সিনট্যাক্সে, ' ফ্লেক্স ' এর মান হিসাবে নির্দিষ্ট করা হবে ' প্রদর্শন 'সম্পত্তি।
সুতরাং, আসুন ফ্লেক্স ব্যবহার করে বোতামটিকে কেন্দ্রীভূত করার উদাহরণটি দেখুন।
উদাহরণ
HTML এর
এ, আমরা