CSS--文本溢出处理
来源:互联网 发布:广电网络河源分公司 编辑:程序博客网 时间:2024/05/16 19:38
1、行内局部展示
固定容器宽度后,可以通过以下样式对溢出的文本进行局部展示处理,溢出的部分以‘…’代替
.column-elipsis span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
2、换行展示全部
在容器固定宽度后,可以通过以下样式对溢出文本进行换行处理,溢出的文本自动换行展示。
.text-overflow-br{ white-space: normal; word-break:break-all;}
3、相关属性介绍
(1)word-break 属性规定自动换行的处理方法
word-break: normal|break-all|keep-all;
(2)overflow 属性规定当内容溢出元素框时发生的事情
(3)white-space 属性设置如何处理元素内的空白
标签为止。 pre-wrap 保留空白符序列,但是正常地进行换行。 pre-line 合并空白符序列,但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。
(4)text-overflow 属性规定当文本溢出包含元素时发生的事情。
*注意 容器必须固定宽度,否则样式不起作用。
阅读全文
0 0
- CSS--文本溢出处理
- CSS强制文本不换行、溢出处理
- CSS文本溢出省略号
- css省略溢出文本
- HTML-CSS常用样式文本溢出处理效果
- css知识点——文本溢出的处理方法
- css溢出文本处理的几种方法
- 文本溢出的处理
- IE 文本溢出Css 实现
- CSS---解决文本溢出,换行
- CSS文本溢出显示省略号
- CSS 文本内容溢出 解决方法
- css文本溢出显示省略号
- [ css ]文本溢出显示省略号
- css控制单行文本溢出
- css文本溢出省略号 遮罩层
- CSS溢出处理
- CSS溢出处理
- 九、产生珍宝,用于补血或升级子弹(雷霆战机)
- Android 在使用webview报错 A WebView method was called on thread 'Thread-2599'
- Git 提交本地工程到服务器
- 校验2validate校验
- MySQL从命令行导入SQL脚本时出现中文乱码的解决方法
- CSS--文本溢出处理
- 最简单的spring boot集成mybatis配置
- 【Tensorflow slim 实战】写MobileNet
- 数据结构实验之图论一:基于邻接矩阵的广度优先搜索遍历
- boost 异常处理
- DP—最长上升子序列(LIS)
- eclipse中svn提交显示错误svn: E200007: CHECKOUT can only be performed on a version resource
- 数据库事务的四大特性
- Ajax同步与异步