我有一个表,表中的每一行都有一个描述,描述可能是这样的:
This is an example:
- Example 1
- Example 2
- Example 3
现在,我想将描述限制为1行,在它上面有overflow:隐藏,并保留换行符,这样无论什么- Example 1都不会显示。
如果可能的话,我想在纯CSS + HTML中做到这一点。
我已经尝试过以下几种方法:
.overflowing-description {
overflow: hidden;
text-overflow: ellipsis;
white-space: pre
我很确定我以前做过这件事,但是我找不到任何关于它的文档。我发现这个问题很难研究。
我想在屏幕上显示一点文字的一个版本(A)。但是,当文本被复制时,另一个版本的文本(B)实际上被复制到剪贴板上。实际上,A和B可能非常相似,但是技术应该允许A和B是完全不同的字符串。
例如,如果我使用<div>向用户显示以下内容:
<div>This is a really long...</div>
...and用户选择div并在其上发出一个“拷贝”,我希望放在剪贴板上的文本是:
This is a really long bit of text that is too lar