block、inline 和 inline-block 有什麼區別?
block、inlineblock和inline這兩個概念是簡略的說法完整的說法應該是block-level elements(塊級元素)和inline elements(內聯元素.block元素通常被現實為獨立的一塊,會單獨換一行內聯元素則前後不會產生換行,一系列內嵌元素都在一行內顯示,直到該行排滿。
* 常見block元素:div,form,table,p,pre,h1〜h6,dl,ol,ul,li等
* 常見inline元素有span,a,i,strong,em,lable,input,select,textarea,img,br等
注意:inline不該作為父元素包住block、inline-block。
inline-block
設置了內聯塊屬性的元素既擁有了block元素可以設置寬度和高度的特性,又保持了inline元素不換行的特性。例如圖片<img>標籤
display:block
1. block元素會獨占一行,多個block元素會各自新起一行。