html - CSS文本分词与溢出

Question

嘿，我想让我的文字断词，只得到第一个断词，比如制作第二个断词，其余的被隐藏。

这是代码的站点：这里

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

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

我只是想让你帮我编辑我拥有的这段代码。

Answer 1

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

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

Answer 2

为了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;
}