CSS3——让最后一行显示省略号
2016-06-09 18:27
465 查看
代码如下:
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> #dv1{ width:200px; text-overflow:ellipsis; overflow:hidden; border:1px solid blue; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; /*后面的3是设置显示几行*/ } </style> </head> <body> <div id="dv1"> 实时订重置密码成功实时订重置密码成功实时订重置密码成功dsgsd实时订重置密码成功实时订重置密码成功实时订重置密码成功dsgsd </div> </body> </html>
相关文章推荐
- js+css3实现一个环形进度条插件
- 自定义添加标注(大头针)样式,并使其适应屏幕
- CSS各种居中方法
- (9)css 链接
- MVC4怎么设置@Html.TextBoxFor这样的样式
- MVC 通过BundleConfig 将JS和CSS文件引入到视图中
- 定制椭圆形状
- CSS clip:rect用法
- 记一次css属性覆盖的问题
- PS切片高级教程
- CSS3基础总结
- safari 浏览器不支持input 样式
- [CSS] Targeting Elements with CSS Attribute Selectors
- CSS的background详解
- CSS3新特性box-shadow实现多重边框
- 20 个免费开源的 CSS3 用户界面工具包
- CSS中以图片为背景的文本例子
- HTML+css实现图片全屏
- d08b CSS学习记录之position
- css3中-webkit-text-size-adjust