你那是設(shè)置的文本在同一行，即white-space:nowrap;

你可以設(shè)置成超過盒子外面的內(nèi)容設(shè)置成省略號(hào)(必須三步，缺一不可)：

white-space:nowrap;(強(qiáng)制文本在同一行顯示)

overflow:hidden;(隱藏超出盒子部分的內(nèi)容)

text-overflow:ellipsis;(添加省略號(hào))

如果你想實(shí)現(xiàn)自動(dòng)換行，可添加:

white-space:normal;

就醬紫！