CSS文本分词符溢出

Question

嘿，我想使我的文本成为断行单词，而只使第一个断行单词成为第二个断行单词，其余的隐藏起来。

这是代码的站点： 这里

这是我要编辑的部分。 忽略jsfiddle中的其他代码。

.rpwe-block a{
color:#9d6745;
text-decoration:none;
clear: both;
text-overflow:ellipsis;
 overflow: hidden; white-space: nowrap;
}

我只希望您帮助我编辑此代码。

Answer 1

对于上overflow: hidden以起作用的元素将需要一个宽度（默认情况下a标记为内联元素）

.rpwe-block a{
color:#9d6745;
text-decoration:none;
clear: both;
text-overflow:ellipsis;
overflow: hidden; white-space: nowrap;
width: 100%;
display: block;
}

Answer 2

摆脱white-space: no-wrap .rpwe-block a white-space: no-wrap并添加以下内容：

.rpwe-title{
  height: 14px;
  display: block;
  overflow: hidden;
}