【CSS】文字超出显示省略号&连续字符换行
2024-08-30 19:36:51
方法1.多行控制(css3)
.text {
width: 100%;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp:;
-webkit-box-orient: vertical;
overflow: hidden;
}
line-clamp:几行以后显示省略号(例子为2行)
方法2.单行定宽
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
应用在block级的元素上
连续字符换行问题
p{
word-break:break-all;
word-wrap:break-word;
}
最新文章
- 【腾讯Bugly干货分享】微信mars 的高性能日志模块 xlog
- sql 中set和select区别
- 在Windows server 2008 R2上安装Python3.5
- history 清空历史记录 或 history不记录历史命令
- [Cocos2d-x For WP8]DrawPrimitives画图
- 20145209&;20145309信息安全系统设计基础实验报告 (5)
- 单元测试工具之Xunit
- java16 程序、进程、线程
- C# 启动和结束一个线程
- [Angular 2] Exposing component properties to the template
- [Swust OJ 552]--拼音教学(找规律)
- 可兼容IE的jquery.cookie函数方法
- 规范 : disable account
- Flexbox布局指南
- 7-20 jquery遍历节点,bootstrap模态框绑定事件和解绑,mock.js,model.urlroot,id,打基础
- 【调试工具】tcpdump
- java第五周作业
- Linux下FTP虚拟账号环境部署简述
- 【JMeter】【接口测试】csv参数化,数据驱动,自动化测试
- Centos升级Python 2.7并安装pip、ipython