小朋友棋枕。温治。你是否有很多問(wèn)號(hào)戒悠？？設(shè)置了text-overflow：ellipsis;但是省略號(hào)就是不生效绸狐，為此折騰了好久卤恳。。寒矿。（好了突琳，廢話不多說(shuō)，點(diǎn)進(jìn)來(lái)的朋友大部分肯定是找了許多解決方案都沒(méi)解決符相，我也是這么過(guò)來(lái)的哈哈哈）
下面是完整解決方案：
1.最近的父級(jí)div上添加overflow: hidden;
這個(gè)是我當(dāng)時(shí)忽略的地方，一般文字都會(huì)用span或者p包裹啊终，要在最近的包裹了span的div里面添加overflow: hidden;！＠渡！必須最近例衍，否則祖父級(jí)別以上的也無(wú)效已卸，不會(huì)顯示....
你會(huì)說(shuō)：我在span或p里添加了啊硼一，為啥不行累澡？別問(wèn)般贼，因?yàn)槲乙蚕雴?wèn)為啥不行。具伍。。
2.老生常談的兩個(gè)配合屬性white-space: nowrap; 和overflow: hidden;
完整代碼如下：
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
overflow:hidden; // 代表著超出文本的部分不顯示
white-space:nowrap; // 代表強(qiáng)制文本在一行顯示人芽。
3.設(shè)置在width有效的元素上，并且設(shè)置必要的width萤厅。
- 塊級(jí)元素（block level element） width、height 屬性默認(rèn)有效.
- 內(nèi)聯(lián)元素（inline element 有的人也叫它行內(nèi)元素）width惕味、height 屬性無(wú)效。
- 可以通過(guò)改變display疟羹，使得width、height屬性有效榄融。如：添加display: block;
歡迎補(bǔ)充。愧杯。鞋既。
