React踩坑笔记 —— CSS

版权声明：本文为博主原创文章，可以转载不可复制。 https://blog.csdn.net/qq_32331073/article/details/84562247

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