Mafuta wa CSS display

Muundo na matumizi

Uongozi wa kampi inaeleza aina ya ukoo wa kampi inayotolewa na kampi.

Muhtasari

Uga wengine inatumiwa kwa kueleza aina ya ukoo wa kampi inayotolewa na kampi wakati wa kumiaji mifano ya hatua. Kwa mifano ya hatua kama HTML, inaonekana kwamba inaonesha kwa uharibifu kama inaweza kuchukua muundo wa hatua wa hatua ya HTML. Kwa XML, kwa sababu XML hauonekana kwa muundo wa hatua ya hatua, kinaonesha kwamba kinaonesha kwa kawaida ni muhimu sana.

Mafaraghaliko:Kwenye CSS2 kuna thamani za compact na marker, lakini kwa sababu ya kuming'aa wa matumizi ya kawaida, ikatengwa kutoka katika CSS2.1.

Tafadhali tazama:

Mafunzo ya CSS:Muundo wa CSS

Kitabu cha maelezo ya DOM wa HTML:Uongozi wa kampi

Mifano

Kueneza orodha wa kampi wa kifungu:

p.inline
  {
  display:inline;
  }

Jifunze kwa urahisi

Inayotumiwa kwa Kihisabu ya CSS

display: value;

Thamani ya uongezaji

Thamani Kuelewa
none Kampi hii hakinaitambulika.
block Kampi hii kinatambulika kama kampi kubwa, kimsingi kinapokea tabaka.
inline Kwa kufikia msingi. Kampi hii kinatambulika kama kampi wa kifungu, kimsingi haukutumika tabaka.
inline-block Kampi wa kifungu kwenye siku ya kuzingatia. (Thamani inayotambuliwa kwa ujuzi wa CSS2.1)
list-item Kampi hii kinatambulika kama orodha.
run-in Kampi hii kinatambulika kama kampi kubwa au kampi wa kifungu kulingana na mazingira yake.
compact Kwenye CSS kuna thamani linalojwa kama compact, lakini kwa sababu ya kuming'aa wa matumizi ya kawaida, ikatengwa kutoka katika CSS2.1.
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似 ），表格前后没有换行符。）。）。）。）。）。）
table-row-group 此元素会作为一个或多个行的分组来显示（类似
table-header-group 此元素会作为一个或多个行的分组来显示（类似
table-footer-group 此元素会作为一个或多个行的分组来显示（类似
table-row 此元素会作为一个表格行显示（类似
table-column-group 此元素会作为一个或多个列的分组来显示（类似
table-column 此元素会作为一个单元格列显示（类似
table-cell 此元素会作为一个表格单元格显示（类似 和 ）
table-caption 此元素会作为一个表格标题显示（类似
）
inherit 规定应该从父元素继承 display 属性的值。

技术细节

默认值： inline
继承性： no
版本： CSS1
JavaScript 语法： object.style.display="inline"

TIY 实例

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

Mwongozo wa kusaidia kufungulia

Inanza zilizotumiwa katika tabia inaeleza sababu ya kusadili kwa kufikiria kwa programu ya kusoma kwa safari ya kwanza.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 3.0 3.1 7.0

Mafaraghaliko:Ikiwa inakadiri !DOCTYPE, Internet Explorer 8 (na kwa kipya zaidi) inasaa sababu ya 'inline-table', 'run-in', 'table', 'table-caption', 'table-cell', 'table-column', 'table-column-group', 'table-row', 'table-row-group', na 'inherit'.