鼠标放上去，div高度随文字增加，并显示剩余的文字。
2015-09-22 14:00
267 查看
/*这里是鼠标放上去显示全名 */
.kb2wText{display:block; height:20px; width:150px; line-height:20px; color:#000000; overflow:hidden;}
.kb2wText:hover { width:100%; overflow:visible;height:auto; z-index:99;background-color:#F9F9F9;word-break:break-all;}
<div class="kb2wText">哈哈哈哈哈哈哈哈哈呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵</div>
.kb2wText{display:block; height:20px; width:150px; line-height:20px; color:#000000; overflow:hidden;}
.kb2wText:hover { width:100%; overflow:visible;height:auto; z-index:99;background-color:#F9F9F9;word-break:break-all;}
<div class="kb2wText">哈哈哈哈哈哈哈哈哈呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵</div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Django 表单
- 软件测试中遇到的常见问题及沟通方法
- getsockname的使用
- JavaScript参数传递和对象复制
- HTTP BASIC认证,抢先认证介绍和 HttpClient 4.1.1 实例
- 使用CryptoAPI获取证书扩展属性之三：“颁发机构密钥标识”和"使用者密钥标识"
- Spark和hadoop的关系
- GreenDAO数据库版本升级
- Linux下中文乱码及中文字体缺失问题的解决
- openstack中为何要使用消息队列
- HTML5中Access-Control-Allow-Origin解决跨域问题
- 使用EventSource实现页面消息推送 与 websocket 的区别
- CTS
- ORA-00054: 资源正忙, 但指定以 NOWAIT 方式获取资源, 或者超时失效
- hdu 3006 The Number of set 状态压缩
- 自动化用例设计原则
- ThinkPHP-缓存应用-缓存技术应用
- 如何将新的svn地址添加到svn资源库，并将项目从svn资源库下载到myeclipse
- web开发中的Cookie
- GestureDetector封装手势检测上下滑动