কম্পিউটার টিউটোরিয়াল

HTML5-এ ফ্লেক্সবক্সে এলিমেন্টের মাঝপথে অজানা গ্যাপ সমাধান করা


ফ্লেক্সবক্সে এলিমেন্টের মাঝপথে অজানা গ্যাপ হয় হেডারের মার্জিন কোল্যাপ্সিং বার ডিভিশনের কারণে। এটিকে সমাধান করতে:

  • হেডারের জন্য মার্জিন ০ করে দিন অথবা বারের জন্য বর্ডার যোগ করুন।
  • বারের জন্য প্যাডিং করুন padding: 10px প্রপার্টি যোগ করে।

অজানা গ্যাপ সমস্যা সমাধানের জন্য নিচের কোড স্নিপেটটি চেষ্টা করুন:

.bar {    background: yellow;    color: gray;    height: 250px;    padding: 10px;    text-align: center; }

  1. HTML5-এ fillText() ব্যবহার করে ভরা টেক্সট আঁকার পদ্ধতি

  2. HTML5-এ arc() ব্যবহার করে বৃত্ত আঁকার পদ্ধতি

  3. HTML5-এ lineTo() ব্যবহার করে রেখা আঁকার পদ্ধতি

  4. HTML5 জিওলোকেশন API গুগল ম্যাপসের সাথে ব্যবহার