設(shè)置文字不換行，超過(guò)的部分用“...”代替，采用text-overflow屬性。text-overflow屬性語(yǔ)法如下：

text-overflow：clip | ellipsis

默認(rèn)值：clip

適用于：所有元素

clip： 當(dāng)對(duì)象內(nèi)文本溢出時(shí)不顯示省略標(biāo)記（...），而是將溢出的部分裁切掉。

ellipsis： 當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記（...）。

在使用的時(shí)候，有時(shí)候發(fā)現(xiàn)不會(huì)出現(xiàn)省略標(biāo)記效果，經(jīng)過(guò)測(cè)試發(fā)現(xiàn)，使用ellipsis的時(shí)候，必須配合overflow:hidden;?

white-space:nowrap;?

width:50%;

完整css：

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

width:210px;

除width屬性外，順序不要顛倒