前端页面:当一行超过指定宽度时,多余的文字使用...
来源:互联网 发布:羽毛笔哈利波特淘宝 编辑:程序博客网 时间:2024/05/17 16:57
单行:width:90%;
css:样式
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
即可实现:
当文字超过两行时多余的文字使用...
width:30%;
/*word-wrap:break-word与word-break:break-all
共同点:把长单词强行断句,
不同点:word-wrap:break-word是起新行来放置长单词,但是如果 新的行也放不下这个长单词还是会对长单词进行强制断句;
而word-break:break-all则不会把长单词放在一个新行里,当这一行放不下的时候就直接强制断句了*/
word-wrap: break-word;
/* word-break:break-all;*/
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
其中word-wrap与word-break的区别:
word-wrap:结果图:
word-break:结果图:
阅读全文
1 0
- 前端页面:当一行超过指定宽度时,多余的文字使用...
- Android控件TextView中ellipsize属性(设置当文字长度超过textview宽度时的显示方式)
- 当一行子元素占有的宽度之和和父级的宽度相差超过3px
- CSS设置一行内文字超过宽度不换行
- 文字在一行显示,多余的隐藏
- css 超过宽度的文字显示点点
- 当容器内容宽度超过容器宽度时显示省略号
- 当容器内容宽度超过容器宽度时显示省略号
- 超过指定宽度变为...
- jsp页面显示指定文字,多余的用...代替,鼠标指着会显示全部内容
- word2003 当在一行文字中间插入文字时,后面的文字为何会自动删除?
- css一行文字多余的部分省略号隐藏的解决办法
- 使用flex布局.平均排列.当屏幕宽度小于的时候,使其一行排列
- div+CSS设置一行内文字超过宽度不换行且不显示
- div+CSS设置一行内文字超过宽度不换行且不显示
- div+CSS设置一行内文字超过宽度不换行且不显示
- 当gridview宽度超过屏幕分辨率宽度时,通过“编辑列”设置列宽没有效果的解决方法
- 如何设置table,使单元格内容无论多少,只显示一行,超过单元格宽度的部分自动隐藏,当鼠标放到单元格上,内容自动显示完整?
- 区块链模型架构
- Extjs grid整合Springmvc正确显示时间
- Redis常用命令
- 无法查看eclipse中的java开源类的源码
- spring中@scheduled定时任务的使用
- 前端页面:当一行超过指定宽度时,多余的文字使用...
- shell 脚本监控 phpj 进程 screen 发送信号
- 牛客网 剑指offer-矩形覆盖
- ArrayList扩容源码解读
- java代码生成,mapper生成,实体类生成,快速生成java代码
- C#字符串使用的一些小建议
- arena
- 304. Range Sum Query 2D
- 树在数据库中的应用