Css display 属性详解
CSS的display
属性用于规定元素应该生成的框的类型。这个属性对于HTML和XML元素都是非常有用的。
以下是一些常用的值:
none
: 此元素不会被显示。 并且不会占据任何空间。隐藏的对象不会在文档流中占据空间。block
: 此元素会显示为块级元素,类似于段落,但它们之间有更多的间距。inline
: 此元素会显示为内联元素,比如文本。inline-block
: 此元素会以内联方式显示,但是元素的宽度和高度像块级元素一样被定义。flex
: 此元素会显示为弹性框。这是一个CSS3的新属性,用于创建更加复杂的布局。grid
: 此元素会显示为网格容器。这也是一个CSS3的新属性,用于创建更加复杂的布局。table
、table-row
、table-cell
等:这些值用于创建HTML表格。
这个属性的值会影响元素的布局方式,比如是否会在新的一行、是否可以设置宽度和高度等。
例如:
cssdiv {
display: block;
}
span {
display: inline;
}
img {
display: inline-block;
}
在这个例子中,div
元素会显示为块级元素,每个都会在新的一行开始;span
元素会显示为内联元素,它们可以并排显示;img
元素会以内联方式显示,并且可以设置宽度和高度。
本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://www.yangyangzhi.cn/wangjs/qianduan/12058.html