html - 文本溢出上的样式点 : ellipsis

Question

是否可以在 text-overflow: ellipsis 上设置点的样式？

一个例子是将省略号加粗，例如“Lorem Ips ...”

Answer 1

灵感来自 this answer , 这是一种设置省略号样式的方法。此解决方案的缺点是

1. 您必须重新指定您的默认文本样式
2. 你还需要一个<span> (或任何)元素

.text-overflow
{
  color: blue;
  font-weight: bold;
  font-size: 20px;

  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
}

.text-overflow > span
{
  font-weight: normal;
  color: black;
  font-size: 14px;
}

<div class="text-overflow"><span>Here is some very nice text indeed. So this is getting long</span></div>