如果它太大,请将省略号添加到HTML文本

Question

如果字符串太大,有没有办法在字符串中添加省略号(三个点)？

例如.

从:

This is a very large sentence.

至:

This is a ve...

它可以wordwrap在服务器端使用PHP来完成,但那时很难获得渲染的大小,那么在客户端使用JavaScript,HTML或CSS有更好的标准方法吗？

在这里,我已经包含了一张图片,以防万一你真的得不到我说的话.

""

Answer 1

理想的方法是使用css text-overflow属性:

p {
  white-space: nowrap;
  width: 100%;                
  overflow: hidden;  /* "overflow" value must be different from "visible" */                
  text-overflow: ellipsis;
}

Answer 2

这是一个PHP函数,可以执行您想要的操作,其中10是要保留的字符数:

function truncateString($string) {
    if (strlen($string) > 10) {
        $string = substr($string, 0, 10) . "...";
    }
    return $string;
}

echo truncateString("Short"); // Returns "Short."
echo truncateString("Long string is long."); // Returns "Long strin..."

这仅适用于使用PHP生成菜单项的情况.如果你想在客户端用Javascript和/或CSS做,你根本不会使用PHP.