PHP前端开发

如何使用 CSS 指定 HTML 元素使用的框类型?

百变鹏仔 4个月前 (09-20) #CSS
文章标签 如何使用

使用 display 属性指定用于 HTML 元素的框类型。

示例

您可以尝试运行以下代码来实现display属性来显示flex容器。

现场演示

<!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>