Html 如果文本像';一样溢出,如何添加自定义文本;。。。更多';

Html 如果文本像';一样溢出,如何添加自定义文本;。。。更多';,html,css,Html,Css,我正在使用上面的css,但这只是附加了“…”。但是我想要“…更多”以那种方式更改文本溢出是不可能的。你可以做的是添加一个伪元素,它显示你想要的文本,并给它一个白色的背景。这并不是一个完美的解决方案,但它非常接近: #limitedText{ 填充:3px0px 0px 29px; 显示:内联块; 文本对齐:左对齐; 字母间距:0px; 颜色:#7b; 不透明度:1; 溢出:隐藏; 显示:-网络工具包盒; 位置:相对位置; -webkit线夹:2个; -网络工具包盒方向:垂直; } #有限文本:

我正在使用上面的css,但这只是附加了“…”。但是我想要“…更多”

以那种方式更改
文本溢出是不可能的。你可以做的是添加一个伪元素,它显示你想要的文本,并给它一个白色的背景。这并不是一个完美的解决方案,但它非常接近:

#limitedText{
填充:3px0px 0px 29px;
显示:内联块;
文本对齐:左对齐;
字母间距:0px;
颜色:#7b;
不透明度:1;
溢出:隐藏;
显示:-网络工具包盒;
位置:相对位置;
-webkit线夹:2个;
-网络工具包盒方向:垂直;
}
#有限文本:之后{
显示:块;
内容:“……更多”;
位置:绝对位置;
底部:0;
右:0;
背景图像:线性梯度(90度,rgba(255,255,255,0)0%,rgb(255,255,255)40%);
左侧填充:15px;
}

知识产权保护、消费者权益保护、劳动和社会保障临时保护、知识产权保护。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦,没有大海 圣殿是圣殿。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。 斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。


根据关于文本溢出的mdn文档,只有firefox支持字符串:
#limitedText{
      padding:3px 0px 0px 29px;
      display: inline-block;
      text-align: left;
      letter-spacing: 0px;
      color: #7B7B7B;
      opacity: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; 
     -webkit-box-orient: vertical;
    }