文字超出隐藏并显示省略号
2015-07-15 15:16
295 查看
<br />
<style type="text/css">.css1{
color:#6699ff;border:1px #ff8000 dashed;
margin-bottom:20px;
width: 20em;/*不允许出现半汉字截断*/
}
.css2 {
overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
width: 20em;/*不允许出现半汉字截断*/
color:#6699ff;border:1px #ff8000 dashed;
}
</style>
<div class="css1">测试文字</div>
<div class="css2">测试文字</div>
<p>
相关文章推荐
- 简单计算器的实现
- ListView加载速度/性能优化方案分析
- java解析properties配置文件
- 今天搞定了cocoa pods的配置和使用
- 将一个1到127之间的数字转换成二进制
- 家用路由器端口映射实战
- Android抽象布局——include、merge 、ViewStub
- 简单计算器的实现
- E - Find The Multiple
- GridView动态构建OrderBy进行排序
- Python序列:字符串、元组、列表
- Maven实战(三)——多模块项目的POM重构(转)
- C++符号优先级
- spring 定时器的使用
- GridView与ArrayAdapter的结合
- 报表对比
- 登陆mysql时提示异常的解决方法
- [ActionSprit 3.0] FMS客户端调用服务器端命令或方法
- HDU 4602 Partition 数学水题...
- Objective-c strong weak