css下的文本长度控制
2014-12-24 14:10
190 查看
<span style="font-family: Arial, Helvetica, sans-serif;">./**</span>
*****强制换行 */ .break-all { word-break: break-all; word-wrap: break-word; }
什么情况下使用强制换行呢?我们要显示多行文本,文本可能出现一长串的数字或者英文,这个情况下,会出现不换行的现象,此种情况使用。
/*不换行,超出部分隐藏且以省略号形式出现*/ .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*强制不换行*/ }
什么情况下使用这个css呢,显示单行文本,如果长度超出以省略号的形式显示。
那么问题来了,如果多行文字,超出还要以省略号的形式显示怎么办呢?
那就自己截取吧,还有什么更好的办法没?
相关文章推荐
- 通过CSS控制文本长度示例
- 利用CSS控制文本长度
- CSS控制文本的长度 超过一行显示省略号的实现方法
- CSS控制文本的长度,超过一行显示省略号
- 利用CSS控制文本长度
- CSS控制文本内容长度,溢出追加省略号
- css控制文本长度(二)
- css技术1-控制文本长度,文本自动换行
- 用CSS控制文本长度
- CSS 样式 控制 文本 框 长度
- css控制文字显示长度,超过用省略号替代
- 用CSS来控制字符长度和显示长度
- CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行
- input 文本框控制文本输入长度
- CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现
- Css控制显示文本个数
- CSS控制文本自动换行
- 控制fckeditor文本长度
- CSS(js)限制页面显示的文本字符长度
- CSS控制文本自动换行