东信平台|东信2平台娱乐|东信2平台注册|东信2平台登录【东信2注册登录网】

CSS display 属性

使段落生出行内框:

p.inline { display:inline; }

亲自试一试

欣赏器支持 IE Firefox Chrome Safari Opera
         

所有主流欣赏器都支持 display 属性。

注释:假如划定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。

界说和用法

display 属性划定元素应该生成的框的范例。

说明

这个属性用于界说成立机关时元素生成的显示框范例。对付 HTML 等文档范例,假如利用 display 不审慎会很危险,因为大概违反 HTML 中已经界说的显示条理布局。对付 XML,由于 XML 没有内置的这种条理布局,所有 display 是绝对须要的。

注释:CSS2 中有值 compact 和 marker,不外由于缺乏遍及的支持,已经从 CSS2.1 中去除了。

默认值: inline  
担任性: no  
版本: CSS1  
JavaScript 语法: object.style.display="inline"  

大概的值 值 描写
none   此元素不会被显示。  
block   此元素将显示为块级元素,此元素前后会带有换行符。  
inline   默认。此元素会被显示为内联元素,元素前后没有换行符。  
inline-block   行内块元素。(CSS2.1 新增的值)  
list-item   此元素会作为列表显示。  
run-in   此元素会按照上下文作为块级元素或内联元素显示。  
compact   CSS 中有值 compact,不外由于缺乏遍及支持,已经从 CSS2.1 中删除。  
marker   CSS 中有值 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 属性的值。  

TIY 实例 如何把元素显示为内联元素   本例演示如何把元素显示为内联元素。   如何把元素显示为块级元素   本例演示如何把元素显示为块级元素。