css - 在 CSS : if text line is break show dots 上

Question

我以前见过这个解决方案，但我不记得确切的位置......没有 JS

也许它在断线时起作用。 但是 css 属性是什么？

问题是: 如何向用户显示:点，如果文本长度超过 150 像素

DEMO

div {
  font-family: Arial;
  background: #99DA5E;
  margin: 5px 0;
  padding: 1%;
  width: 150px;
  overflow: hidden;
  height: 17px;
  color: #252525;
}

<div>apple</div>
<div>jack fruit</div>
<div>super puper long title for fruit</div>
<div>watermelon</div>

Answer 1

您是在谈论省略号吗？将此添加到您的 CSS

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

fiddle :http://jsfiddle.net/5UPRU/7/