css超出隐藏、悬浮标签文字提示

1、<a href="#" title="表现示意形式">模式</a>

2、<img src="#" title="我没有超链接 鼠标悬停在我这张图片上也会显露翰墨形式" />

3、

<div title="div的示意消息">内容</div>
<span title="span的揭示信息">内容</span>

网页来源：http://www.divcss5.com/html/h53269.shtml

超出隐藏，显示省略号

div{

　　width:200px;

　　overflow:hideen;

　　white-space:nowrap;

　　text-overflow:ellipsis;

}

多行隐藏

div{

　　width:200px;

　　overflow:hidden;

　　text-overflow:ellipsis;

　　display:-webkit-box;//将对象作为弹性伸缩盒子模型显示

　　-webkit-line-clamp:2;//控制显示几行文字

　　-webkit-box-orient:vertical;//设置伸缩盒对象的子元素排列方式

}
*

超出隐藏，显示省略号指上去显示提示文字

除了上面的你需要动态加上 title 属性，
提示：比如计算一下这个字数*大小，是不是超了，就可以动态加入title

更多*
1、overflow:hidden;
white-space:nowrap;
不断继续提示~~nam | e~~ 后直接接上
（配合div.test:hover使用overflow:visible;text-overflow:inherit;"）
2、overflow:hidden; white-space:nowrap; text-overflow:ellipsis"
ellipsis:用省略号来代替被删除的内容：text-overflow:ellipsis;
visible当鼠标放上时被隐藏的字显示： overflow:visible;