当前位置: 首页 > 面试题库 >

如何实现多行元素的文本省略号?

霍浩皛
2023-03-14
本文向大家介绍如何实现多行元素的文本省略号?相关面试题,主要包含被问及如何实现多行元素的文本省略号?时的应答技巧和注意事项,需要的朋友参考一下

参考回答:

display: -webkit-box
-webkit-box-orient:vertical
-webkit-line-clamp:3
overflow:hidden
 类似资料:
  • 我一直在使用空格:不换行,文本溢出:省略号和溢出:隐藏的CSS属性为多行文本创建省略号截断。但是,这在使用弹性框时不起作用。 使用flex时,text-overflow:省略号似乎总是将flex项的高度截断为一行。 对于多行文本,是否可以使用flex和css省略号截断的组合? 我可以让它在单行截断的情况下工作。手动设置高度与flex空格:nowrapp不起作用。

  • 无论字符多少,最多显示俩行,字数超出俩行,第二行行首用省略号显示,不足俩行的,显示全部字符。 如下

  • 我的应用程序中有一段很长的文本,我需要将其截短并在末尾添加三个点。 如何在React Native Text元素中做到这一点? 谢啦

  • 问题内容: 是否有解决方案,以div的最后一行在流体高度(20%)处添加省略号? 我在CSS中找到了该函数,但在我的情况下,行号取决于窗口大小。 问题答案: 如果要将省略号(…)应用于一行文本,CSS可以通过该属性使此操作变得容易。仍然有些棘手(由于所有要求,请参阅下文),但使之成为可能且可靠。 但是,如果要在多行文本上使用省略号(如此处的情况),那么不要指望有什么乐趣。CSS没有执行此操作的标准

  • 我有一个带有display flex的容器,其中包含2个项目。这两个项都有文本省略号以支持长文本。我想在项目之间设置一些优先级,以便根据需要将项目1作为匹配位置,为项目2保留一些固定空间。这意味着,如果容器的宽度是200px,那么第2项的最小尺寸是50px,我希望第1项达到150px(然后是文本省略号)。最好的方法是什么? JSFIDLE

  • 有没有办法在流体高度为20%的div中的最后一行添加省略号? 我在CSS中找到了函数,但在我的例子中,行号将取决于窗口大小。 我用这个例子来说明这个问题。https://jsfiddle.net/96knodm6/