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

Vai trò của giá trị hàng thuộc tính flex-direction CSS

Sử dụng hướng uốn cong thuộc tính có hàng giá trị để đặt các mục linh hoạt theo chiều ngang.

Bạn có thể thử chạy mã sau để triển khai giá trị hàng

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .mycontainer {
            display: flex;
            flex-direction: row;
            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>