1. 程式人生 > >display總結 overflow知識

display總結 overflow知識

區別 自動換行 布局 pre con 處理 區域 左右 over

# 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:隱藏超出盒子顯示範圍內容

display總結 overflow知識