css中的display是什么意思(display:flex)
生活随笔
收集整理的這篇文章主要介紹了
css中的display是什么意思(display:flex)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
屬性介紹：
display 屬性規定元素應該生成的框的類型。
對于 HTML 等文檔類型，如果使用 display 不謹慎會很危險，因為可能違反 HTML 中已經定義的顯示層次結構。對于 XML，由于 XML 沒有內置的這種層次結構，所有 display 是絕對必要的。
（學習視頻分享：css視頻教程）
常用屬性值：
-
none 此元素不會被顯示。
-
block 此元素將顯示為塊級元素，此元素前后會帶有換行符。
-
inline 默認。此元素會被顯示為內聯元素，元素前后沒有換行符。
-
inline-block 行內塊元素。（CSS2.1 新增的值）
-
list-item 此元素會作為列表顯示。
-
run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。
舉例：
<!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>
登錄后復制
相關推薦：CSS教程
以上就是css中的display是什么意思的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的css中的display是什么意思(display:flex)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中国电信与华为签物联网合作协议
- 下一篇： DNF暗黑维京战士好看吗 DNF暗黑维京