（學習筆記） 行內元素（inline）和塊級元素（block）都是display屬性的值。要知道行內元素和塊級元素的區別，首先要瞭解他們的特性。 行內元素的特性：“行內”，顧名思義，在一行之內，所以相鄰的行內元素在同一行，當他們寬度超過了容器的寬度才會自動換行。行內元素的寬度、高度、內邊距的 top ...
（學習筆記）
行內元素（inline）和塊級元素（block）都是display屬性的值。要知道行內元素和塊級元素的區別，首先要瞭解他們的特性。
行內元素的特性：“行內”，顧名思義，在一行之內，所以相鄰的行內元素在同一行，當他們寬度超過了容器的寬度才會自動換行。行內元素的寬度、高度、內邊距的 top/bottom和外邊距的top/bottom都是不可改變的，但 padding 和 margin 的 left 和 right 是可以設置的。常見的行內元素有：span、a、br。。。
塊級元素的特性：總是獨占一行，表現為另起一行開始，即其後的元素也必須另起一行顯示，他們的寬度、高度、內邊距和外邊距都可控制。常見的塊級元素有：table、form、ul li。。。
行內塊元素（inline-block）：即融合了行內元素和塊級元素的特性，即在一行顯示，又能設置寬高。常見的行內塊元素有：img、input、button。。。
這些元素之間是可以通過設置display屬性來進行轉換的。
