1. 程式人生 > >React踩坑筆記 —— CSS

React踩坑筆記 —— CSS

  • Flex是先有元素再有佈局,根據元素編排佈局;
  • Grid是先有佈局,再放置元素;
  • Div在產生滾動框時,會擠壓內部佈局,最簡單的方法,再加一箇中間層專門用來顯示內容
#content{
    overflow-y: auto;
    height: 328px;
}

#content-internal{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
  • Html中由英文單詞造成的文字樣式異常:
    word-break: break-all:防止英文單詞造成的異常換行
    word-wrap: break-word
    :防止英文單詞造成的溢位