আমি কিভাবে টেক্সট উল্লম্বভাবে এবং অনুভূমিকভাবে Div কেন্দ্র করব?
আমি কিভাবে টেক্সট উল্লম্বভাবে এবং অনুভূমিকভাবে Div কেন্দ্র করব?
Anonim

জন্য উল্লম্ব প্রান্তিককরণ , মূল উপাদানের প্রস্থ / উচ্চতা 100% সেট করুন এবং প্রদর্শন যোগ করুন: টেবিল। তারপর চাইল্ড এলিমেন্টের জন্য ডিসপ্লেটিকে টেবিল-সেলে পরিবর্তন করুন এবং যোগ করুন উল্লম্ব - সারিবদ্ধ : মাঝামাঝি। জন্য অনুভূমিক কেন্দ্রীকরণ , আপনি হয় যোগ করতে পারেন পাঠ্য - সারিবদ্ধ : কেন্দ্র প্রতি কেন্দ্র দ্য পাঠ্য এবং অন্য যেকোনো ইনলাইন শিশু উপাদান।

সহজভাবে, আপনি কীভাবে পাঠ্যকে উল্লম্বভাবে কেন্দ্রীভূত করবেন?

পরম পজিশনিং এবং নেতিবাচক মার্জিন সেট করতে পারি উল্লম্বভাবে পাঠ্য সারিবদ্ধ করুন সঙ্গে অবস্থান এবং মার্জিন বৈশিষ্ট্য যা ব্লক-স্তরের উপাদানগুলির সাথে ব্যবহৃত হয়। আপনি যে উপাদানটি চান তার উচ্চতা সেট করতে ভুলবেন না কেন্দ্র . সেট টপ: 50%; এবং বাম: 50%; প্রতি কেন্দ্র শিশুর বাম কোণে।

উপরন্তু, আমি কিভাবে অনুভূমিকভাবে একটি ডিভ কেন্দ্র করব? আসুন ধাপে ধাপে অনুভূমিকভাবে একটি কেন্দ্রীভূত করা দেখি:

  1. বাইরের উপাদানটির প্রস্থ সেট করুন (অর্থাৎ 100% পুরো লাইনটি কভার করে)।
  2. পৃষ্ঠার মধ্যে উপাদানটিকে অনুভূমিকভাবে কেন্দ্রে রাখতে মার্জিন বৈশিষ্ট্যটি স্বয়ংক্রিয়ভাবে সেট করুন।
  3. ব্যাকগ্রাউন্ড-কালার প্রপার্টি ব্যবহার করে বাইরের এবং ভিতরের ডিভের জন্য আপনার পছন্দের রং সেট করুন।

এই বিষয়ে, আপনি কিভাবে অনুভূমিকভাবে এবং উল্লম্বভাবে কেন্দ্র করবেন?

  1. কক্ষে ক্লিক করুন যেখানে আপনি বিষয়বস্তু কেন্দ্র করতে চান।
  2. "হোম" ক্লিক করুন, তারপর রিবনের "সারিবদ্ধকরণ" এলাকার নীচের কোণে ছোট তীরটিতে ক্লিক করুন।
  3. "অনুভূমিক" এর পাশের ড্রপ-ডাউন বক্সে ক্লিক করুন এবং "কেন্দ্র" নির্বাচন করুন। "উল্লম্ব" এর পাশের বাক্সে একই জিনিসটি করুন।
  4. আপনার টেক্সট কেন্দ্রে "ঠিক আছে" ক্লিক করুন.

আমি কিভাবে উল্লম্বভাবে একটি div কেন্দ্র করতে পারি?

উল্লম্ব জাভাস্ক্রিপ্ট এবং সিএসএসের সাথে বিষয়বস্তুর সারিবদ্ধকরণ এটি প্রদর্শন করে। একটি আধুনিক উপায় কেন্দ্র একটি উপাদান উল্লম্বভাবে flexbox ব্যবহার করতে হবে। উচ্চতা নির্ধারণের জন্য আপনার একজন অভিভাবক এবং সন্তানের প্রয়োজন কেন্দ্র . নীচের উদাহরণ হবে কেন্দ্র ক div থেকে কেন্দ্র আপনার ব্রাউজারের মধ্যে।

প্রস্তাবিত: