CSS样式text-overflow超出溢出显示省略号

  • 时间:
  • 浏览:86

偶然为了不文本笔墨内容超越1定宽Ů�����16ǿ�Ķ���度后溢出,我们念要溢出的部份没有显现但用省略号(...)显现,那个时分我们可使用CSS text-overflow文本溢出省略号属性款式真现。

text-overflow款式语法构造

text-overflow语法:
text-overflow : clip | ellipsis

text-overflow参数值息争释:
clip :  没有显现省略标识表记标帜(...),而是简朴的裁切
ellipsis :  当工具内文本溢出时显现省略标识表记标帜(...)

text-overflow利用申明:
CSS text-overflow设置或检索是不是利用1个省略号标识表记标帜(...)标示工具内文本笔墨的溢出。

真现办法
1)、工具设置text-overflow:ellipsis;省略号款式

2)、利用nobr标签,强迫让内容没有换止(css换止、css没有换止)。
 

css真现超越主动躲藏

经由过程text-overflow:ellipsis战overflow:hidden连系利用,真现超越躲藏的功用。