কম্পিউটার

কিভাবে CSS এ Flexbox উপাদানের সাথে কাজ করবেন?


একটি ফ্লেক্স কন্টেইনার সংজ্ঞায়িত করুন এবং এতে ফ্লেক্স আইটেম সেট করুন।

ফ্লেক্সবক্স উপাদানগুলি কীভাবে প্রয়োগ করতে হয় তা শিখতে আপনি নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন৷ Q1, Q2, Q3 এখানে ফ্লেক্স-আইটেম। পুরো এলাকাটি হল ফ্লেক্সবক্স উপাদান

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .mycontainer {
            display: flex;
            background-color: orange;
         }
         .mycontainer > div {
            background-color: white;
            text-align: center;
            line-height: 40px;
            font-size: 25px;
            width: 100px;
            margin: 5px;
         }
      </style>
   </head>
   <body>
      <h1>Quiz</h1>
      <div class = "mycontainer">
         <div>Q1</div>
         <div>Q2</div>
         <div>Q3</div>
         <div>Q4</div>
         <div>Q5</div>
         <div>Q6</div>
      </div>
   </body>
</html>

  1. ফ্লেক্সবক্সের সাথে অগ্রিম CSS লেআউট

  2. কিভাবে CSS দিয়ে ইউজার রেটিং স্কোরকার্ড তৈরি করবেন?

  3. সিএসএস ফ্লেক্সের সাথে বাম-কেন্দ্র-ডান হিসাবে কলাম ডিআইভিগুলিকে কীভাবে সারিবদ্ধ করবেন

  4. বিশুদ্ধ CSS সহ মসৃণ স্ক্রলিং