flex布局设置flex后容器被内容撑开

就和图片中的效果一样。容器大小是不确定的，要根据内容来决定。但是被内容撑开，使用word-wrap:break-word;强制换行文字和字母无效

这时将盒子的width设置为 0 ，然后使用 flex样式，将宽度交给 flex 布局来决定，容器就不会被撑开

width: 0;flex: 1

如果内容大小确定，

flex-grow:0;//是否自动增长空间flex-shrink:0;//是否自动缩小空间