【发布时间】:2019-02-03 02:22:09
【问题描述】:
我有一个高度有限的容器,并且在 p -tag 中的内容很长,因此使用文本省略号和溢出。如何获取显示在省略号之前的最后一句话/单词或整个文本并存储它?
.grid-container > div > p {
text-align: left;
margin: 10px;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 700px;
max-height: 360px;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis-word;
}
【问题讨论】:
-
你打算如何存储它?这是唯一的 css 问题还是您打算为此使用 javascript?
-
@elitepc 对我来说都可以接受,即使我更喜欢仅使用 css 的解决方案。
标签: css string text overflow ellipsis