使用保留原始变量对变量进行子串

Question

我有一个我在jsp中显示的变量。如果此变量的长度超过20个字符，则必须显示最多20个字符，后跟“...”，当用户将鼠标悬停在变量上时，它将显示完整值。为此，我必须保留完整变量和子弦变量。我怎样才能做到这一点？

Answer 1

您可以使用text-overflow属性使用纯CSS实现它。

.ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis:hover {
  width: 100%;
  white-space: normal;
  overflow: visible;
}

并使用它：

<div class="ellipsis">your_very_long_string</div>