如何在文本中设置最大长度

Question

如何设置文本的最大长度并以...结束？

我已经尝试了substr，但它只剪切了第一个和最后一个文本。

我想要的是，例如我有div width: 500px和height: 500px

当文字超出高度时，文字将以...剪切。

我想要这样

我试过这样但是，当超过宽度而不是高度时，文字会被剪切。

我使用了以下 css ：

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

Answer 1

Javascript 方式

检查此答案smart way to shorten long strings with javascript

PHP 方式

我在向浏览器发送文本之前使用这个php帮助函数：

function readMoreHelper($story_desc, $chars = 100) {
  if (strlen($story_desc) <= $chars)
    return $story_desc;
  $story_desc = substr($story_desc,0,$chars);
  $story_desc = substr($story_desc,0,strrpos($story_desc,' '));
  $story_desc = $story_desc." ...";
  return $story_desc;
}

因此，在您的处理程序中，您可以传递以下文字

readMoreHelper($yourLongText, 200)

Answer 2

使用 CSS ，您可以使用：

-webkit-line-clamp: 3; //number line allow
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;