朋友们，今天做文本溢出，省略号代替练习时，发现多行省略号生效了，单行的没有生效
3条回答 默认 最新
gzczzzzzz 2022-10-27 11:21关注p 是块元素 要么就把card2 类目挂 p上面 card3 下面 span可以生效 是 span 是行内元素 跟普通文字一个级别
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2025-12-11 16:32Zzz不能停的博客 实现方式兼容性优点缺点适用场景单行 CSS全兼容简单、无坑仅单行按钮、导航栏、短文本多行原生 CSS现代浏览器简洁、精准不兼容 IE移动端、现代浏览器项目多行 IE 兼容 CSSIE8+纯 CSS、无需 JS省略号可能覆盖文本需...
- 2023-02-15 14:31八岐大兔吼啦吼啦的博客 -webkit-box-orient: vertical不生效问题解决。
- 2020-10-16 03:40通过这种方式，我们可以有效地在微信小程序中实现多行文字的省略号显示功能。需要注意的是，由于`-webkit-line-clamp`和`-webkit-box`是Webkit内核特有的CSS属性，所以这种方法只适用于基于WebKit的浏览器或平台，如...
- 2025-04-26 09:04哈希茶馆的博客 省略号还分单行多行？这场对话揭示了前端开发中一个看似简单却暗藏玄机的细节——你还遇到过哪些CSS省略号的奇葩问题？ 关注我的公众号「哈希茶馆」一起交流更多开发技巧。今天，我们就来彻底拆解它的使用技巧与避坑...
- 2023-06-16 18:10661lly的博客 css 多行文字省略号 不生效
- 2024-12-25 18:47巨蟹座守护骑士的博客 【代码】uniappX 移动端单行/多行文字隐藏显示省略号。
- 2023-10-19 18:09Demons小妖的博客 可能是因为前面设置了一些换行相关的属性导致的，在当前多行文本省略的地方添加换行属性即可。文本多行省略失效，只能单行省略，多行时不会换行，没有省略效果。/* 允许文本换行 */
- 2025-12-04 06:15接着，`text-overflow: ellipsis`属性将隐藏的文本部分用省略号（…）来替代，这样用户便知道文本内容被截断了。最后，`white-space: nowrap`属性确保文本在一行内显示，不换行也不折行，这是实现单行省略效果的必要...
- 2024-10-29 16:03js_user的博客 css， 文字超出用省略号，包含单行文本省略号，多行文本省略号
- 2023-07-20 16:34Jolly_zhang的博客 超简单css单行或多行文本溢出显示省略号
- 2020-12-31 04:29man One的博客 另一种方法，适合各种终端，但有一个bug：文字未超出行的情况下也会出现省略号,可结合js优化该方法。代码如下：.text {position: relative;line-height: 30px;max-height: 60px;overflow: hidden;width: 400px;...
- 2019-07-22 22:54idomyway的博客 多行文本省略号 .box{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 3; /* 行数*/ -webkit-box-orient:...
- 2014-06-05 15:51在网页设计中，让`<div>`元素内的多行文本实现上下居中并添加省略号功能是一项常见的需求。这通常涉及到CSS布局、文本对齐和溢出隐藏等多个技术点。接下来，我们将深入探讨如何实现这个效果。 首先，我们要解决的是...
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月5日
已采纳回答
10月28日-
创建了问题
10月27日