css中的display是什么意思
发布时间：2025-03-19 点击：22
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教程
详谈百度排名必懂的算法
域名如何与网站绑定？有什么方法？
锐龙cpu天梯图_2020年最新amd锐龙处理器天梯图
app阿里云服务器多少钱
云服务器不限流量一年多少钱
IDC：今年一季度全球服务器市场收入同比下滑6%
购买云服务器如何选镜像
虚拟主机能承受多少流量
属性介绍：
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教程
详谈百度排名必懂的算法
域名如何与网站绑定？有什么方法？
锐龙cpu天梯图_2020年最新amd锐龙处理器天梯图
app阿里云服务器多少钱
云服务器不限流量一年多少钱
IDC：今年一季度全球服务器市场收入同比下滑6%
购买云服务器如何选镜像
虚拟主机能承受多少流量
上一篇：阿里云4核8g服务器多少钱
下一篇：山西高配服务器云主机多少钱一台