CSS强制性文字在1行内显示信息若有过剩标识符则

2021-01-20 09:41 jianzhan
设定或查找是不是应用1个省略标识(...)标识目标内文字的外溢。对应的脚本制作特点为textOverflow。

拷贝编码
编码以下:

<div style="width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ">a b c d e f g h i j k l , msa sd sd sa w df f </div>

text-overflow特性仅是注释,当文字外溢时是不是显示信息省略标识。其实不具有其它的款式特性界定。大家要想完成外溢时造成省略号的实际效果。还务必界定:强制性文字在1行内显示信息(white-space:nowrap)及外溢內容为掩藏(overflow:hidden)。仅有这样才可以完成外溢文字显示信息省略号的实际效果。

1、仅界定text-overflow:ellipsis; 不可以完成省略号实际效果。  

2、界定text-overflow:ellipsis; white-space:nowrap; 一样不可以完成省略号实际效果  

3、另外运用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可完成所要想获得的外溢文字显示信息省略号实际效果: