-
display:inline
鎖定
display:inline 的作用是設置對象做為行內元素顯示。
- 中文名
- display:inline
- 屬 性
- 命令
- 用 途
- 讓塊級元素變換為行內元素並顯示
- 效 果
- 變為行內顯示
display:inline基本介紹
它可以讓行內顯示為塊的元素，變為行內顯示，例如
<div> DIV1 </div>
<div> DIV2 </div>
這裏DIV1和DIV2分別佔一行，但是你給他們加上屬性後變了
<div style= "display:inline "> DIV1 </div>
<div style= "display:inline "> DIV2 </div>
DIV1和DIV2這時候顯示在同一行了，試試看吧。
和 display:inline 對應的是 display:block，block 會讓應用了該 CSS 屬性的 HTML 標記變成塊級別元素，例如 SPAN 是行內顯示的，但是你加了 display:block 屬性就不一樣了
<span style= "display:block "> SPAN1 </span>
<span style= "display:block "> SPAN2 </span>
display:inline經典用法
display:inline比較經典的用法是用在 <ul> 下的 <li> 中 內聯 block一般一個塊佔一行，除非float inline是自動排為一行，就象段內的文字一樣，可成為多行。
inline是內聯對象的默認值（ps:內聯對象就是不自動產生換行的元素，比如span） 而我們一般用的div是塊級元素，默認display屬性是block, 但將div的display設置為inline的話，則多個div可以象span一樣顯示在一行了。
display:inline 對應不顯示為 display:none
display:block 對應不顯示為 hidden
説通俗點 樣式為none的元素不佔位置,而樣式為hidden的元素雖然不顯示但還是佔地方。
