1. 主页 > 建设教程 > 前端

Css display 属性详解

CSS的display属性用于规定元素应该生成的框的类型。这个属性对于HTML和XML元素都是非常有用的。

以下是一些常用的值:

  1. none: 此元素不会被显示。 并且不会占据任何空间。隐藏的对象不会在文档流中占据空间。
  2. block: 此元素会显示为块级元素,类似于段落,但它们之间有更多的间距。
  3. inline: 此元素会显示为内联元素,比如文本。
  4. inline-block: 此元素会以内联方式显示,但是元素的宽度和高度像块级元素一样被定义。
  5. flex: 此元素会显示为弹性框。这是一个CSS3的新属性,用于创建更加复杂的布局。
  6. grid: 此元素会显示为网格容器。这也是一个CSS3的新属性,用于创建更加复杂的布局。
  7. tabletable-rowtable-cell等:这些值用于创建HTML表格。

这个属性的值会影响元素的布局方式,比如是否会在新的一行、是否可以设置宽度和高度等。

例如:

cssdiv {
 display: block;
}

span {
 display: inline;
}

img {
 display: inline-block;
}

在这个例子中,div元素会显示为块级元素,每个都会在新的一行开始;span元素会显示为内联元素,它们可以并排显示;img元素会以内联方式显示,并且可以设置宽度和高度。


本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/wangjs/qianduan/12058.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息