7.3 外部显示类型display-ouside

display-outside可选值包括2个:inline、block。display-outside表示父元素display-inside是流式布局时,该元素的显示类型。inline表示该元素可与其它元素显示在一行内,block表示该元素独占一行。


7.3.1 基本说明

示例代码

<body style="display: block flow">
  <div style="display: block flow">       <!-- div1 -->
     <span style="display: inline flow">  <!-- span1 -->
        元素1 小步教程
     </span>
     <span style="display: inline flow">  <!-- span2 -->
        元素2 xiaobuteach.com
     </span>            
  </div>
  <div style="display: block flow;">第2行</div> <!-- div2 -->
</body>

div1的display-inside值block,表示div1在父元素body独占一行的显示。span1与span2的display-inside值inline,表示它们在父元素div1按行内(本身不换行)显示。