顯示方式

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