08.05自我總結

一.顯示方式

1.display

常用的三種方式

#第一種block
1.支持設置寬高
2.自帶換行
一般情況所有有寬高、參與位置佈局的都是block

#第二種inline
1.不支持設置寬高，寬高只能有文本撐開
2.不帶換行，一行顯示不下會自動換行(保留數據的整體性)
一般情況存放文本的

#第三種inline-block
1.支持設置寬高
2.不帶換行，一行顯示不下會自動換行(以標簽整體換行，標簽左右有間距)
一般情況不去主動設置該顯示方式，系統的兩個img、input都設置為了單標簽(不會嵌套任何東西)
註：如果要用inline-block參與佈局，為了標簽佈局不受內容影響，設置vertical-align: top,上對齊

2.vertical-align

文本垂直對齊方式:baseline|top|bottom