强制性文字在1行内显示信息,而且后边有省略号实

日期:2020-12-12 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

设定或查找是不是应用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; 可完成所要想获得的外溢文字显示信息省略号实际效果。

以上这篇强制性文字在1行内显示信息,而且后边有省略号实际效果的完成方式便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。

原文详细地址:http://blog.csdn.net/fanhaiwang520/article/details/7990758