1.display属性值和作用

  • none: 元素不显示,并且会从文档流中移除
  • block: 块级类型,. 默认宽度为父元素宽度,可以设定宽高,换行显示;
  • inline: 行内元素类型, 默认宽度为内容宽度,不可设置宽高,同行显示
  • inline-block: 默认宽度为内容宽度,可以设置宽高,同行显示
  • list-item: 像块级元素一样显示,并且添加样式列表标记
  • table: 此元素会作为块级表格显示
  • inherit: 从父元素集成display属性的值

    2.行内元素和块级元素的区别

    | | 行内元素 | 块级元素 | | —- | —- | —- | | 宽高 | 设置宽高无效 | 可以设置宽高 | | margin/padding | 只可以设置水平方向 | 都有效 | | 换行 | 不会自动换行 | 自动换行 |