display

  • display: flow-root:生成一个块元素框,该框建立一个新的 BFC,因此该块会被浮动元素撑开高度
  • display: list-item:该属性会将子项变成类似 li 的元素,由::marker 伪元素设置标识符样式
  • display: contents:该属性将不显示元素自身的盒模型,改由子元素控制
  • display: ruby:将元素编程内联元素,并且根据 ruby 格式化模型布置其内容,它的行为类似于相应的 <ruby> 标签

示例

display: contents 效果:

span 标签为子元素,审查代码可发现父元素自身的盒模型不见了

<ruby> 标签效果:汉字han zi

Last Updated:
Contributors: zhangfei