display總結 overflow知識
阿新 • • 發佈:2018-12-16
# display總結:
# inline總結:
# 1.同行顯示, 就相當於純位文字, 當一行顯示不下, 如就是一字顯示不下, 那麼顯示不下的那個字會自動換行;
# 和純文字的區別就是有純文字的概念, 標籤與標籤間有一個空格隔斷. * /
# 2.支援部分CSS樣式, 不支援寬高 | 行高不支援(行高會對映到父級block標籤) | margin上下 | 支援margin左右 * /
# 3..content由文字內容撐開 * /
# 4.inline標籤只巢狀inline標
# inline-block總結:
# 1.同行顯示,當一行顯示不下,標籤會作為整體換行顯示
# 2.支援所有css樣式
# 3.contebt預設由文字(圖片)內容撐開,也可以自定義寬高(顯示區域不足時,內容會在標籤內容換行顯示,可能會超出顯示區域)
# 4.inline-block標籤不建議巢狀任意標籤
# block總結
# 1.異行顯示,不管自身區域多大,都會獨佔一行
# 2.支援所有css樣式
# 3.width預設繼承父級,height由內容(文字,圖籤,子標籤)撐開,當設定自定義寬高後,一定採用自定義寬高
# 4.block標籤可以巢狀任意標籤,多數作為架構和佈局層出現
# overflow知識
# 本質
# overflow:處理內容超出盒子區域
# auto自適應,內容超出,滾動顯示超出部分,不超出則正常顯示
# scroll:一直採用滾動方式顯示
# hidden:隱藏超出盒子顯示範圍內容