The display in css is an attribute used to specify the type of box that should be generated. For document types such as html, the display attribute must be used with caution, otherwise it may violate the display hierarchy already defined in html.
Attribute introduction:
The display attribute specifies the type of box that the element should generate.
For document types such as HTML, using display carelessly can be dangerous because it may violate the display hierarchy already defined in HTML. For XML, since XML doesn't have this kind of hierarchy built in, all display is absolutely necessary.
(Learning video sharing: css video tutorial)
Common attribute values:
none This element will not be displayed .
block This element will be displayed as a block-level element, with line breaks before and after this element.
inline Default. This element will be displayed as an inline element with no line breaks before or after the element.
#inline-block Inline block element. (New value in CSS2.1)
list-item This element will be displayed as a list.
run-in This element will be displayed as a block-level element or an inline element depending on the context.
Example:
<!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>Related recommendations: CSS tutorial
The above is the detailed content of What does display in css mean?. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
