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