css中的display是什么意思

发布时间:2024-05-06
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教程
上一个:CR1206F4R910G 丽智电阻1206 0.91Ω ±1%
下一个:惠普hdx16(惠普HDX)

lenze制动器——高性能的电动机驱动器
喷砂和喷丸的区别
手指磨耗仪的工作原理及操作方法
热式气体质量流量计避免故障的主要事项
数据中心存储技术是什么
UV光氧催化设备布袋除尘器高温烟气的冷却
交通事故赔偿与工伤赔偿的流程是什么
戴尔重装系统蓝屏
丝锥断在螺纹孔里怎么办?
无线遥控电动保护球隙装置功能特点