Inline block意思

"Inline block" 是一個CSS術語，它指的是一種元素 display 屬性的值。在CSS中，display屬性用於指定元素如何在HTML文檔中顯示。

當一個元素被設定為 "inline" 時，它不會創建一個塊級上下文，這意味著它不會像塊級元素那樣開始新的排列線。相反，它會在其父元素的排列線上排列，與其他行內元素（如文字和圖片）一起。

然而，"inline block" 則結合了 "inline" 和 "block" 的特性。一個設定為 "inline-block" 的元素仍然像 "inline" 元素一樣排列在其父元素的排列線上，但它也像 "block" 元素一樣可以設定寬度和高度，並且可以與其他 "inline-block" 元素並排放置。

簡而言之，"inline-block" 元素既不會像 "inline" 元素那樣受到行內布局的限制，也不會像 "block" 元素那樣總是開始新的排列線。這種特性使得網頁設計者可以在一行中排列多個元素，同時保持每個元素的獨立性。