Html_layout_list
前言
最近想學前端的東西，接觸到切版的相關資訊，想說簡單記錄一下切版的類型，以及各種 display 類型置中的方式。資料應該是比較古早的，先不加入 bootstrap 和 flexbox，等之後學到再回來補
- 表格布局: table (我大學時用過 XD)
- 浮動布局: div
float: left- 搭配 div.clearfix, clear: both
- 列表布局: div
display: inline-block- 有副作用，inline-block 之間會有約 4px 的空格，需用 css hack 消除
- 在父元素設定
font-size: 0px
- CSS 屬性 display 的值 inline block inline-block none @ Vexed’s Blog :: 隨意窩 Xuite 日誌
- 詳解 CSS display:inline-block 的應用 | 狼狼的藍胖子
- 拜拜了, 浮動布局 - 基于 display:inline-block 的列表布局 « 張鑫旭 - 鑫空間 - 鑫生活
- 拜拜了, 浮動布局 - 基于 display:inline-block 的列表布局 « 張鑫旭 - 鑫空間 - 鑫生活
- 如何解決 inline-block 元素的空白間距_inline-block 教程_w3cplus
Box Model
我大致理解成，有分成 block 類型的，與 inline 類型的 box model
inline 外層會包一個 iine box