原文:内容超过长度后以省略号显示

width: px overflow: hidden text overflow:ellipsis white space: nowrap 之前在考虑如果进行字符串截断时,一直在思考如何用js来完成而忽略了css的text overflow属性 通过设置white space:nowrap使字符串不换行,然后设置text overflow:ellipsis,显示省略标记 如果不想显示省略标记,将 ...

2013-09-29 00:19 0 2926 推荐指数:

查看详情

CSS实现内容超过长度省略号显示

样式: {width: 160px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} 说明: white-space: nowrap 保证文本内容不会自动换行,如果多余的内容会在水平方向撑破单元格 ...

Wed Sep 02 05:50:00 CST 2015 3 40581
小程序-超过长度自动隐藏并显示省略号

overflow: hidden; /*超过长度自动隐藏*/ text-overflow: ellipsis;/*添加省略号*/ white-space:nowrap;/*不换行*/ 注意:必须用text标签才能出现省略号,view不行 ...

Sun Dec 09 06:43:00 CST 2018 0 929
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM