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：防止英文单词造成的溢出