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

ID:13534 / 打印

如何使用 css 指定 html 元素使用的框类型?

使用 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>
上一篇: 是否可以阻止用户对网页进行截图?
下一篇: 利用CSS3 fit-content实现元素的水平居中效果

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。