這篇文章給大家分享的是有關(guān)css ellipsis不起作用的解決辦法的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、成都做網(wǎng)站、鐵西網(wǎng)絡(luò)推廣、微信平臺(tái)小程序開(kāi)發(fā)、鐵西網(wǎng)絡(luò)營(yíng)銷(xiāo)、鐵西企業(yè)策劃、鐵西品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供鐵西建站搭建服務(wù),24小時(shí)服務(wù)熱線:18980820575,官方網(wǎng)址:www.cdcxhl.com
css ellipsis不起作用的解決辦法:首先打開(kāi)css;然后將屬性“text-overflow:ellipsis”跟“overflow:hidden;”以及“white-space:nowrap;width:150px;”一起使用即可。
解決Css屬性text-overflow:ellipsis 不起作用(文本溢出顯示省略號(hào))
使text-overflow:elipsis起作用:
想要使用css屬性text-overflow:elipsis起到作用,樣式必須跟overflow:hidden; white-space:nowrap;width:150px;一起使用
1、text-overflow語(yǔ)法:
text-overflow : clip | ellipsis
2、text-overflow參數(shù)說(shuō)明:
clip: 不顯示省略標(biāo)記(...),而是簡(jiǎn)單的裁切
elipsis: 當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...)
3、簡(jiǎn)單使用:
測(cè)試頁(yè)面
感謝各位的閱讀!關(guān)于css ellipsis不起作用的解決辦法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!