javascript - 用几个点替换 HTML 文本的末尾

Question

<分区>

Answer 1

这应该有效。您必须将内联元素显示为 block 。

编辑:刚刚意识到如果 H5 超过字符数而不是宽度超过宽度，您需要添加点。我认为要做到这一点，您需要使用 JS - 请查看其他答案。

h5 {
  display: block;
  white-space: nowrap;
  width: 12em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: red; /* This needs to match the color of the anchor tag */
}


a:link {
  color: red;
}

<h5>
  <a href="javascript:void(0);">I am a very long title and I need to be shortened</a>
</h5>