Computer >> Máy Tính >  >> Lập trình >> CSS

Sử dụng CSS align-content property property space-between value

Sử dụng căn chỉnh nội dung thuộc tính có giá trị khoảng trắng giữa để thêm khoảng cách giữa các dòng uốn cong.

Bạn có thể thử chạy mã sau để triển khai khoảng trắng giữa giá trị

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .mycontainer {
            display: flex;
            height: 200px;
            background-color: red;
            align-content: space-between;
            flex-wrap: wrap;
         }
         .mycontainer > div {
            background-color: yellow;
            text-align: center;
            line-height: 60px;
            font-size: 30px;
            width: 100px;
            margin: 5px;
         }
      </style>
   </head>
   <body>
      <h1>Queue</h1>
      <div class = "mycontainer">
         <div>Q1</div>
         <div>Q2</div>
         <div>Q3</div>
         <div>Q4</div>
         <div>Q5</div>
         <div>Q6</div>
         <div>Q7</div>
         <div>Q8</div>
      </div>
   </body>
</html>