用vscode編揖器
在flex設width:200px;下為什麼p或H標籤用鍵盤連續輸入數字或英文字會跑flex,出框不會自動換行,用貼上文字會自動換行在flex框內,Lorem假文也會自動換行在 flex框內,奇怪的問題?鍵盤輸入中文字,正常在flex框內自動換行.要如何處理???感謝回答.
CSS碼
*{
margin: 0;
padding: 0;
}
.content{
margin: 0 auto;
display: flex;
width: 200px;
background-color: coral;
flex-wrap: wrap;
justify-content: center;
justify-items: center;
}
.box{
width: 100px;
}
已邀請的邦友 {{ invite_list.length }}/5
在 div 會有 word-wrap 這個屬性 預設是 normal
要用空格才會換行 這是 normal 的特性
所以要換行 在 box 裡面加
word-wrap: break-word;
iThome鐵人賽
看影片追技術