CSS文本单词中断溢出

Question

嘿我想要让我的文字打破单词并且只获得第一个破解词，例如使第二个破坏词，其余的被隐藏。

这是代码的网站：here

这是我想要编辑的部分。忽略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并添加以下内容：

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