我有4個flexbox列，一切正常，但是當我向列中添加一些文本并將其設置為較大的字體大小時，由于flex屬性，它使列比應該更寬。我嘗試使用word-break: break-word并且它有所幫助，但是當我將列調整到非常小的寬度時，文本中的字母被分成多行（每行一個字母），但是列的寬度不比一個字母大小小。觀看此視頻 （一開始，第一列是最小的，但是當我調整窗口大小時，它是最寬的列。我只想總是尊重flex設置; flex size 1：3：4：4）我知道，將字體大小和列填充設置為較小會有所幫助......但還有其他解決方案嗎？我不能用overflow-x: hidden。的jsfiddle.container {  display: flex;  width: 100%}.col {  min-height: 200px;  padding: 30px;  word-break: break-word}.col1 {  flex: 1;  background: orange;  font-size: 80px}.col2 {  flex: 3;  background: yellow}.col3 {  flex: 4;  background: skyblue}.col4 {  flex: 4;  background: red}<div class="container">  <div class="col col1">Lorem ipsum dolor</div>  <div class="col col2">Lorem ipsum dolor</div>  <div class="col col3">Lorem ipsum dolor</div>  <div class="col col4">Lorem ipsum dolor</div></div>