文本溢出上的样式点:省略号

Question

是否可以设置圆点样式text-overflow: ellipsis？

一个例子是像'Lorem Ips ...... ' 那样用省略号加粗.

Answer 1

受这个答案启发,这是一种样式省略号的方式.这个解决方案的缺点是

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>