Javascript Angular2-p内的限制行数

Javascript Angular2-p内的限制行数,javascript,html,css,angular,Javascript,Html,Css,Angular,我正在寻找一种将标记截断为给定行数的方法(带有尾随的…) 使用多个字符不起作用,因为元素的宽度取决于设备屏幕的宽度。您不需要角度。只是CSS。设置高度和文本溢出属性 大概是这样的: p{ height: 200px; text-overflow: ellipsis; } 您必须计算出与所需行数相对应的像素数。例如,如果希望显示10行,并且每行的高度为20px,则高度必须为200px 你不需要有角度。只是CSS。设置高度和文本溢出属性 大概是这样的: p{ height: 200px

我正在寻找一种将
标记截断为给定行数的方法(带有尾随的


使用多个字符不起作用,因为元素的宽度取决于设备屏幕的宽度。

您不需要角度。只是CSS。设置高度和文本溢出属性

大概是这样的:

p{
  height: 200px;
  text-overflow: ellipsis;
}

您必须计算出与所需行数相对应的像素数。例如,如果希望显示10行,并且每行的高度为20px,则高度必须为200px

你不需要有角度。只是CSS。设置高度和文本溢出属性

大概是这样的:

p{
  height: 200px;
  text-overflow: ellipsis;
}

您必须计算出与所需行数相对应的像素数。例如,如果希望显示10行,并且每行的高度为20px,则高度必须为200px

请在这里输入一些代码,看看您的
标签是什么样子的,您尝试了什么?这不是一个真正的角度2问题。看看css@christophermore文本溢出只适用于一行。对于n行,似乎需要一个角度为2的管道可能与@younesyounes重复您是对的-我没有意识到
文本溢出
不适用于多行文本。上面评论中链接的一个重复的SO问题应该可以帮助您获得所需的效果。请在此处添加一些代码,以了解您的
标记的外观,您尝试了什么?这不是一个真正的角度2问题。看看css@christophermore文本溢出只适用于一行。对于n行,似乎需要一个角度为2的管道可能与@younesyounes重复您是对的-我没有意识到
文本溢出
不适用于多行文本。在上面的评论中链接一个重复的SO问题应该可以帮助您获得想要的效果