css强制不换行 多出的字省略号
2017-04-29 15:09
218 查看
width: 100%;//需要指定宽度
overflow: hidden;//溢出隐藏
text-overflow: ellipsis;
white-space: nowrap;//强制不换行
不过话说text-ellipsis是一个特殊的样式,有关解释是这样的:text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果。
这里面需要限定宽度、文字显示在一行中(white-space:nowrap;)和使用隐藏属性overflow。
overflow: hidden;//溢出隐藏
text-overflow: ellipsis;
white-space: nowrap;//强制不换行
text-overflow: ellipsis;
这里的重点样式是 text-overflow: ellipsis;·不过话说text-ellipsis是一个特殊的样式,有关解释是这样的:text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果。
这里面需要限定宽度、文字显示在一行中(white-space:nowrap;)和使用隐藏属性overflow。
相关文章推荐
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- CSS自己主动换行、强制不换行、强制断行、超出显示省略号
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- css文本超出部分省略号&CSS强制换行总结
- CSS 强制不换行,多出的文字显示省略号
- CSS 强制不换行,文字溢出显示省略号~
- CSS自动换行、强制不换行、强制断行、超出显示省略号
- CSS强制英文、中文换行与不换行 强制英文换行
- CSS截字符串,表格英文强制换行
- css强制换行属性
- CSS强制英文、中文换行与不换行
- css文字过长强制换行
- 怎么实现CSS强制自动换行、强制换行、不换行?
- css强制换行、禁止换行、超出隐藏实现
- CSS控制文本超出指定宽度显示省略号和文本不换行
- [转]CSS实现强制不换行/自动换行/强制换行
- css 自动换行 强制换行属性 (firefox+ie)
- CSS强制英文、中文换行与不换行 强制英文换行
- CSS - 如何实现强制不换行、自动换行、强制换行 以及 chrom默认焦点 IE下 Input 默认出现叉
- 内容排版:CSS实现强制不换行、自动换行、强制换行