為什么設置了div標簽寬度，子元素的文字還是溢出了，如何解決

加overflow:hidden 或者overflow-x:hidden 越界隱藏；
英文單詞以空格區(qū)分的，沒有空格，瀏覽器以為是一個單詞，默認顯示在同一行，看你加了text-overflow:ellipsis 應該是想要超出...的效果:
單行文本{overflow:hidden,text-overflow:ellipsis,white-space:nowrap}；
多行文本{overflow:hidden,text-overflow:ellipsis}

如果是漢字，是會換行顯示的，但是你都是字母，瀏覽器就覺得你這是一個單詞，所以是一行顯示，你可以使用 word-break:break-all;強制單詞換行

加上 ：overflow: hidden;

和

white-space: nowrap;