div1
div2
這裡div1和div2分別佔一行，但是你給他們加上屬性後變了
div1
div2
div1和div2這時候顯示在同一行了，試試看吧
和 display:inline 對應的是 display:block，block 會讓應用了該 css 屬性的 html 標記變成塊級別元素，例如 span 是行內顯示的，但是你加了 display:block 屬性就不一樣了
span1
span2
display:inline比較經典的用法是用在 下的 中
內聯block一般乙個塊佔一行，除非float
inline是自動排為一行，就象段內的文字一樣，可成為多行。
display:inline 的作用是設定物件做為行內元素顯示，
inline是內聯物件的預設值（ps:內聯物件就是不自動產生換行的元素，比如span）
而我們一般用的div是塊級元素，預設display屬性是block,
但將div的display設定為inline的話，則多個div可以象span一樣顯示在一行了。
建議樓主在網上下個css幫助手冊
display屬性
block : css1 塊物件的預設值。將物件強制作為塊物件呈遞，為物件之後新增新行
none : css1 隱藏物件。與 visibility 屬性的hidden值不同，其不為被隱藏的物件保留其物理空間
inline : css1 內聯物件的預設值。將物件強制作為內聯物件呈遞，從物件中刪除行
inline-block : ie5.5 將物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內
compact : css2 未支援。分配物件為塊物件或基於內容之上的內聯物件
marker : css2 未支援。指定內容在容器物件之前或之後。要使用此引數，物件必須和 :after 及 :before 偽元素一起使用
inline-table : css2 未支援。將**顯示為無前後換行的內聯物件或內聯容器
list-item : css2 將塊物件指定為列表專案。並可以新增可選專案標誌
table-caption : css2 未支援。將物件作為**標題顯示
table-cell : css2 未支援。將物件作為**單元格顯示
table-column : css2 未支援。將物件作為**列顯示
table-column-group : css2 未支援。將物件作為**列組顯示
table-header-group : css2 將物件作為**標題組顯示
table-footer-group : css2 將物件作為**腳注組顯示
display:inline 對應不顯示為 display:none
display:block 對應不顯示為 hidden
說通俗點 樣式為none的元素不佔位置,而樣式為hidden的元素雖然不顯示但還是佔地方
display屬性及屬性值
display屬性共有18個屬性值，常用屬性值有 block，inline，inline block，none，list item，table header group，table footer group 1 block類似元素後面新增換行符，塊狀元素。2 inline內聯顯示，多個元素可以一行內...
盒子的display屬性
box 1 box 2 box 3 box 4 box 5 box 6 box 7 box 8 這樣就把本來 塊 div 變成 行 了 把 行 變成 塊 display none是隱藏了當前行或塊 顯示的效果跟預設有差別,測試對比看看 對行內元素，需要注意如下 設定寬度width 無效。設定高度he...
display屬性（重點）
行內元素 塊級元素 在以前的html知識中，我們已經將標籤分過類，當時分為了 文本級 容器級。從html的角度來講，標籤分為 現在，從css的角度講，css的分類和上面的很像，就p不一樣 我們可以通過display屬性將塊級元素和行內元素進行相互轉換。display即 顯示模式 一旦，給乙個塊級元素...