文本溢出问题

girl_97 2017-07-26 05:27:25

想实现这种效果，就是前面超宽了就省略号，后面几个数字一直显示，而且是紧随其后不能相隔太远，现在这种效果做的是当文字大于13个就省略号，想优化一下变成超宽了就省略号，有没有大神知道的，求指点

...全文

134 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

一个治疗术 2017-07-26

打赏
举报

回复

获取当前容器的宽度,设定在宽度是多少时显示多少字,比如300px----12字,350px-----13字

110成成 2017-07-26

打赏
举报

回复

在js中处理下，js中获取文本，判断长度，如果超过13，就截取前13个字符，然后重新赋值。

xiaovhao 2017-07-26

打赏
举报

回复

width: 600px; overflow: hidden; text-overflow: ellipsis; 我记得需要设置这几个，你可以试一下

html中关于文本溢出问题的解决方案单行文本溢出处理多行文本溢出处理方法一方法二方法三方法四闲来无事，整理一下文本溢出问题的解决方法。对您有帮助就当互相学习，您有更好的方法也可以相互交流，共同提升。在前端读取并显示数据时，经常会遇到文本长度超出容器容量的问题，这种情况被称为文本溢出，在这种情况下我们需要对文本进行处理，此次我们从多个角度对单行和多行的文本溢出问题进行处理。单行文本溢出处理 ...

多行文本溢出问题的解决我们都知道单行文本的溢出问题的解决办法，就是： 1.使用宽度with，来限制宽度 2. 使用white-space:nowrap/pre来强制限制换行； 3. 使用overflow:hidden隐藏溢出文本； 4. 使用text-flow:ellipsis来用...来表示隐藏的文本那么多行呢？有以下几种方法： 1. 使用css3自带的属性-webkit-box来改变，具体方式：代码示例： /*css代码：*/ ove

文本溢出问题

div布局文本溢出问题解决

Blogzen项目中的文本溢出问题分析与解决方案问题描述在Blogzen开源项目中，用户界面出现了一个常见的CSS布局问题——文本内容溢出容器。具体表现为当文本内容过长时，会超出其父容器的边界，导致页面布局混乱，影响用户体验和界面美观度。问题分析文本溢出问题通常发生在以下几种情况：容器设置了固定宽度或高度文本内容没有适当的换行或截断处理容器没有设置溢出处理机制响应式设计考虑不周，...

51,412

社区成员

86,031

社区内容

发帖

与我相关

我的任务

javaspring bootspring cloud 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章