● display:block
a. block元素會獨佔一行，多個block元素會各自新起一行。預設情況下，block元素寬度自動填滿其父元素寬度。
b. block元素可以設定width,height屬性。塊級元素即使設定了寬度,仍然是獨佔一行。
c. block元素可以設定margin和padding屬性。
a. inline元素不會獨佔一行，多個相鄰的行內元素會排列在同一行裡，直到一行排列不下，才會新換一行，其寬度隨元素的內容而變化。
b. inline元素設定width,height屬性無效。
c. inline元素的margin和padding屬性，水平方向的padding-left, padding-right, margin-left, margin-right都產生邊距效果；但豎直方向的padding-top, padding-bottom, margin-top, margin-bottom不會產生邊距效果。
a. 簡單來說就是將物件呈現為inline物件，但是物件的內容作為block物件呈現。之後的內聯物件會被排列在同一行內。比如我們可以給乙個link（a元素）inline-block屬性值，使其既具有block的寬度高度特性又具有inline的同行特性。2、block元素的display屬性設定為inline-block時，ie6/ie7瀏覽器是不支援的；
物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行，允許空格。（準確地說，應用此特性的元素現為內聯物件，周圍元素保持在同一行，但可以設定寬度和高度等塊元素的屬性）
ie中對內聯元素使用display:inline-block，ie是不識別的，但使用display:inline-block在ie下會觸發layout，從而使內聯元素擁有了display:inline-block屬性的表徵。從上面的這個分析，也不難理解為什麼ie下，對塊元素設定display:inline-block屬性無法實現inline-block的效果。這時塊元素僅僅是被display:inline-block觸發了layout，而它本身就是行布局，所以觸發後，塊元素依然還是行布局，而不會如opera中塊元素呈遞為內聯物件。
1、 先使用display:inline-block屬性觸發塊元素，然後再定義display:inline，讓塊元素呈遞為內聯物件（兩個display 要先後放在兩個css宣告中才有效果，這是ie的乙個經典bug，如果先定義了display:inline-block，然後再將display設回 inline或block，layout不會消失）。**如下（...為省略的其他屬性內容）：
div
div
2、直接讓塊元素設定為內聯物件呈遞（設定屬性display:inline），然後觸發塊元素的layout（如：zoom:1 或float屬性等）。**如下：
div /推薦/
div /推薦:ie67*/
這是一段文字描述
這是一段文字描述，另外一些描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
這是一段文字描述
效果
基於restframework進行token驗證
一般情況下，進入到web 主頁都需要進行token或者其它驗證，不能在沒有登入的情況下可以檢視主頁的內容，在使用者輸入使用者名稱密碼後，進行校驗成功，後台會返回乙個token，用於用於下次訪問主頁或其它頁面進行使用者認證，一旦認證成功就可以訪問了。1 使用者獲取token 使用者向後台api傳送使用...
inline block 屬性分析
inline block 屬性分析 2010 03 23 摘錄 ie6，ie7的haslayout屬性是個讓人頭疼的問題。在做導航條的時候，一般會用到ul li結構，大多數時候我們是把li設定為浮動，讓其併排顯示在同一行。還有一種方法就是設定li為display inline 這樣可以達到同樣的效果...
inline block消除間隙
真正意義上的inline block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距，很簡單的個例子 消除間隙一 消掉空格的三種方法 space a1 a a2 a a3 a div space a1 a a2 a a3 a div space a1 a a2 a a3 a div 消除間隙二 ...