css中的display是什么意思(display:flex)
屬性介紹：
display 屬性規(guī)定元素應(yīng)該生成的框的類型。
對(duì)于 HTML 等文檔類型，如果使用 display 不謹(jǐn)慎會(huì)很危險(xiǎn)，因?yàn)榭赡苓`反 HTML 中已經(jīng)定義的顯示層次結(jié)構(gòu)。對(duì)于 XML，由于 XML 沒有內(nèi)置的這種層次結(jié)構(gòu)，所有 display 是絕對(duì)必要的。
（學(xué)習(xí)視頻分享：css視頻教程）
常用屬性值：
-
none 此元素不會(huì)被顯示。
-
block 此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。
-
inline 默認(rèn)。此元素會(huì)被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。
-
inline-block 行內(nèi)塊元素。（CSS2.1 新增的值）
-
list-item 此元素會(huì)作為列表顯示。
-
run-in 此元素會(huì)根據(jù)上下文作為塊級(jí)元素或內(nèi)聯(lián)元素顯示。
舉例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>display屬性的none屬性值</title>
<style type="text/css">
body {
background-color: #aaa;
}
.div {
width: 400px;
height: 60px;
border: 1px solid;
margin-top: 10px;
}
.none {
display: none;
}
</style>
</head>
<body>
<div class="div">元素1</div>
<div class="div none">元素2</div>
<div class="div">元素3</div>
</body>
</html>
登錄后復(fù)制
相關(guān)推薦：CSS教程
以上就是css中的display是什么意思的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章！
總結(jié)
以上是生活随笔為你收集整理的css中的display是什么意思(display:flex)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中国电信与华为签物联网合作协议
- 下一篇： DNF暗黑维京战士好看吗 DNF暗黑维京