Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

กำหนดประเภท Box ของ HTML Element ด้วย CSS Display Property

ใช้คุณสมบัติ display เพื่อระบุประเภทของ box ที่ใช้สำหรับ HTML element

ตัวอย่าง: Flex Container

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