Question

正如我们所知，我们可以使用CSS截断文本，然后以这种方式取消它：

<style type="text/css">
.one-long-line {
max-width:400px;
white-space:nowrap; 
overflow:hidden;
text-overflow:ellipsis;
}

.one-long-line:hover {
overflow:visible;
}
</style>

我用它来在移动视图中剪切长H1，但我希望用户能够看到完整的标题。因为悬停在移动设备上不起作用，我想知道在用户触摸标题的地方是否可以编写类似的东西，当然这个代码应该是什么。感谢

Answer 1

适用于：有效

.overflow-tip {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.overflow-tip:active, .overflow-tip:hover {
  overflow-x: visible;
}

请参阅演示here

在触摸时显示截断的文本

1 个答案: