阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS display

      CSS display

      设置段落生成一个行内框:

      p.inline {
          display:inline;
      }
      

      属性定义及使用说明

      display 属性规定元素应该生成的框的类型。

      默认值:inline
      继承:no
      版本:CSS1
      JavaScript 语法:object.style.display=“inline”

      浏览器支持

      表格中的数字表示支持该属性的第一个浏览器版本号。

      紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

      属性IEChromeFFsafariOpen
      display4.08.0
      Partial from 5.5
      3.03.17.0

      属性值

      描述
      none此元素不会被显示。
      block此元素将显示为块级元素,此元素前后会带有换行符。
      inline默认。此元素会被显示为内联元素,元素前后没有换行符。
      inline-block行内块元素。(CSS2.1 新增的值)
      list-item此元素会作为列表显示。
      run-in此元素会根据上下文作为块级元素或内联元素显示。
      compactCSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
      markerCSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
      table此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
      inline-table此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。
      table-row-group此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
      table-header-group此元素会作为一个或多个行的分组来显示(类似 <thead>)。
      table-footer-group此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
      table-row此元素会作为一个表格行显示(类似 <tr>)。
      table-column-group此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。
      table-column此元素会作为一个单元格列显示(类似 <col>)
      table-cell此元素会作为一个表格单元格显示(类似 <td> 和 <th>)
      table-caption此元素会作为一个表格标题显示(类似 <caption>)
      inherit规定应该从父元素继承 display 属性的值。

      相关文章

      CSS 教程: CSS Display 和 visibility


      目录
      目录