ফ্ল্যাট মডেল: CSS বাইর্বাহ্য মার্জিন
- পূর্ববর্তী পৃষ্ঠা CSS মাউন্টান্ট
- পরবর্তী পৃষ্ঠা CSS অবস্থান সংক্ষেপ
বাইর্বাহ্য মার্জিন মিলতে এটি বোঝায়, যখন দুইটি ভিক্তিসীমা বাইর্বাহ্য মার্জিন মিলে যায়, তখন তারা একটি বাইর্বাহ্য মার্জিন গঠন করবে。
মিলে যাওয়া বাইর্বাহ্য মার্জিনের উচ্চতা মিলে যাওয়া দুইটি বাইর্বাহ্য মার্জিনের উচ্চতার মধ্যে সবচেয়ে বড়টির সমান হবে。
বাইর্বাহ্য মার্জিন মিলতে
বাইর্বাহ্য মার্জিন মিলতে এটি একটি অত্যন্ত সহজ ধারণা। কিন্তু, প্রত্যক্ষভাবে ওয়েবসাইটকে বৃদ্ধি করার সময়, এটি অনেক সংকট সৃষ্টি করতে পারে।
সহজভাবে বলতে, বাইর্বাহ্য মার্জিন মিলতে এটি বোঝায়, যখন দুইটি ভিক্তিসীমা বাইর্বাহ্য মার্জিন মিলে যায়, তখন তারা একটি বাইর্বাহ্য মার্জিন গঠন করবে। মিলে যাওয়া বাইর্বাহ্য মার্জিনের উচ্চতা মিলে যাওয়া দুইটি বাইর্বাহ্য মার্জিনের উচ্চতার মধ্যে সবচেয়ে বড়টির সমান হবে।
একটি তত্ত্বটি অন্য তত্ত্বের উপরে থাকলে, প্রথম তত্ত্বের নিচের বাইর্বাহ্য মার্জিন এবং দ্বিতীয় তত্ত্বের উপরের বাইর্বাহ্য মার্জিন মিলতে পারে। নিচের চিত্রটি দেখুন:
একটি তত্ত্বটি অন্য তত্ত্বের মধ্যে থাকলে (সম্ভবত আপনারকে প্রয়োগ করা না কেন বাইর্বাহ্য মার্জিন বা বর্ণ বাঁধা না করে), তাদের উপরের এবং/অথবা নিচের বাইর্বাহ্য মার্জিনও মিলতে পারে। নিচের চিত্রটি দেখুন:
যদিও এটি একটি অসামান্য দৃশ্য হতে পারে, কিন্তু বাইর্বাহ্য মার্জিন স্বয়ংক্রিয়ভাবেও মিলতে পারে।
একটি কালো তত্ত্বটি হয়, যা প্রান্তবর্ণ থাকে, কিন্তু কোনও বর্ণ বা পূর্ণাঙ্গতা নেই। এই পরিস্থিতিতে, উপরের বাইর্বাহ্য মার্জিন এবং নিচের বাইর্বাহ্য মার্জিন একসঙ্গে মিলে যাবে, তারা মিলে যাবে:
如果这个外边距遇到另一个元素的外边距，它还会发生合并：
这就是一系列的段落元素占用空间非常小的原因，因为它们的所有外边距都合并到一起，形成了一个小的外边距。
মাউন্টান্ট মিলিং প্রথমে দেখে অসাধারণ হতে পারে, কিন্তু বাস্তবে তা গুরুত্বপূর্ণ।একটি সাধারণ পাঠ্যপৃষ্ঠা যা কয়েকটি প্যারাগ্রাফ দ্বারা গঠিত হয়, প্রথম প্যারাগ্রাফের উপরের স্পেস হবে প্যারাগ্রাফের উপরের মাউন্টান্ট।যদি মাউন্টান্ট মিলিং না হয়, পরবর্তী সকল প্যারাগ্রাফের মধ্যে মাউন্টান্ট পরবর্তী উপরের মাউন্টান্ট ও নিচের মাউন্টান্টের সমষ্টি হবে।এর ফলে, প্যারাগ্রাফের মধ্যে স্পেস পৃষ্ঠার শীর্ষের দুগুণ হবে।যদি মাউন্টান্ট মিলিং হয়, প্যারাগ্রাফের মধ্যে উপরের মাউন্টান্ট ও নিচের মাউন্টান্ট মিলিত হবে, এবং সমস্ত স্থানের দূরত্ব একই হবে。
মন্তব্য:কেবলমাত্র সাধারণ ডকুমেন্ট ফ্লোতের বলক ফ্লকের ভিক্টিক্যাল মাউন্টান্ট হয়বে মাউন্টান্ট মিলিং।আইনলাইন ফ্লক, ফ্লোটিং ফ্লক বা অবস্থানভুক্ত ফ্লকের মধ্যে মাউন্টান্ট নেবে না。
- পূর্ববর্তী পৃষ্ঠা CSS মাউন্টান্ট
- পরবর্তী পৃষ্ঠা CSS অবস্থান সংক্ষেপ
