কম্পিউটার

কিভাবে একটি নমনীয় পাত্রের ভিতরে আইটেমগুলির মধ্যে প্রান্তিককরণ সেট করবেন যখন আইটেমগুলি জাভাস্ক্রিপ্টের সাথে সমস্ত উপলব্ধ স্থান ব্যবহার করে না?


alignContent ব্যবহার করুন৷ একটি নমনীয় কন্টেইনারের মধ্যে আইটেমগুলির মধ্যে প্রান্তিককরণ সেট করতে JavaScript-এ সম্পত্তি।

উদাহরণ

আপনি alignContent বাস্তবায়ন করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন জাভাস্ক্রিপ্ট-

-এ সম্পত্তি
<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 1px solid #000000;
            width: 240px;
            height: 150px;
            flex-flow: row wrap;
            align-content: space-around;
            display: flex;
         }
         #box div {
            height: 80px;
            width: 80px;
         }
      </style>
   </head>

   <body>
      <div id = "box">
         <div style = "background-color:orange;" ID = "myID1">DIV1</div>
         <div style = "background-color:blue;" id = "myID2">DIV2</div>
         <div style = "background-color:yellow;" id = "myID3">DIV3</div>
      </div>
      <button onclick="display()"> Set </button>
      <script>
         function display() {
            document.getElementById("box").style.alignContent = "space-between";
         }
      </script>
   </body>
</html>

  1. জাভাস্ক্রিপ্টের সাথে বাকিগুলির তুলনায় নমনীয় আইটেমের অর্ডার কীভাবে সেট করবেন?

  2. জাভাস্ক্রিপ্টের সাথে একটি পাঠ্যের লাইনের মধ্যে দূরত্ব কীভাবে সেট করবেন?

  3. জাভাস্ক্রিপ্টের সাথে একটি পাঠ্যের অক্ষরের মধ্যে স্থান কীভাবে সেট করবেন?

  4. ফ্লেক্স আইটেমগুলিকে অনুভূমিকভাবে সারিবদ্ধ করুন যখন আইটেমগুলি CSS-এর সাথে প্রধান-অক্ষের সমস্ত উপলব্ধ স্থান ব্যবহার করে না