css中的display是什么意思
程序员文章站
2022-04-04 12:45:46
...
css中的display是用于规定应该生成的框的类型的属性。对于html等文档类型，必须谨慎使用display属性，否则可能会违反html中已经定义的显示层次结构。
属性介绍：
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是什么意思的详细内容，更多请关注其它相关文章！
推荐阅读
-
类文件中的方法名前加上一个&符号是什么意思
-
PHP代码中函数前面的@是什么意思？
-
PHP的语法，<<
-
ecshop中$val{0}是什么意思？解决方案
-
CSS中!important的用法和在IE6下的表现_html/css_WEB-ITnose
-
如何设置网页中的一段文字，使它的宽度是页面宽度的62%且能自动换行？_html/css_WEB-ITnose
-
取值，并赋值到相应的文本框中_html/css_WEB-ITnose
-
显示器中的DCR是什么意思 显示器dcr要不要开
-
请大家帮我看一下我这段代码中的ul和a为什么不能显示在同一行中。_html/css_WEB-ITnose
-
chrome中不可见字符引发的float问题_html/css_WEB-ITnose