Javascript 按行截断文本

Javascript 按行截断文本,javascript,reactjs,internet-explorer-11,mozilla,Javascript,Reactjs,Internet Explorer 11,Mozilla,我需要用react截断卡片标题(文本) 我尝试使用dotdot组件,但它不适用于简单组件 const content = ({title}) => <Dotdotdot clamp={2}><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Est rem magni totam quos sapiente aliquid praesentium quae sint illo quas dicta

我需要用react截断卡片标题(文本)

我尝试使用dotdot组件,但它不适用于简单组件

const content = ({title}) => <Dotdotdot clamp={2}><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Est rem magni totam quos sapiente aliquid praesentium quae sint illo quas dicta cum illum dolorum quis eveniet, corrupti porro placeat, consequatur reprehenderit aliquam distinctio voluptates voluptate, temporibus omnis. Cum quis tenetur laborum minus accusantium provident eveniet, corrupti, reiciendis aliquam suscipit hic?</p></Dotdotdot>
const content=({title})=>Lorem ipsum door sat amet continetteur adipsicing elit。这是一个伟大的真理,它是一个智慧的源泉,它是一个永恒的真理,是一个腐败的场所,是一个腐败的场所,是一个腐败的场所,是一个腐败的场所。劳动报酬减去积存,腐败,不平等

它在ie11和mozilla中不起作用。 在
-webkit
中,我有
-webkit线夹
,但在mozilla和ie中它不起作用


有人知道这项任务的决定吗?

我不知道您是想解决这个问题还是要求其他选择

但我通常用省略号。 如果您可以使用其他替代方案,那么您也可以签入其他broswers。

您可以安装并使用下面的代码来执行此操作

<TextTruncate
  line={1}
  text="Lorem Ipsum is simply dummy text of the printing and typesetting industry."
  }
/>


或者您可以访问

请包含演示您尝试的代码。我添加了一个简单的示例,说明如何使用所讨论的dotdot。你可以看看这个问题。它在ie11和mozilla中工作不好,对。现在请创建一个codepen/jsfiddle/jsbin/随便什么,这样我们就可以处理它了?如果我希望用户能够将内容重新聚合,该怎么办?我认为ie11没有问题。它在IE11中不起作用。演示链接不起作用,从github链接的演示已断开。这是指向dema页面的正确链接: