在移动设备上显示通过悬停隐藏的截断文本
奇客
我有一个与如何使用移动设备在 angular 应用程序上显示截断文本相关的问题...
td {
word-break: break-all;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
td:hover{
overflow: visible;
white-space: normal;
height:auto;
}
这足以显示所有截断的文本，但在PC 中！在移动设备上，我知道没有悬停效果，但我今天第一次遇到这种情况！我想知道是否有可能在移动设备上产生类似的效果，当然是在 angular 应用程序中。
在移动设备上......我能说什么没有功能，甚至不存在！（我的光标在文本字段上，但在屏幕截图中它没有出现。
谢谢大家。
编辑：
<tr>
<td>
{{vName.get(name.property)}}
</td>
<td id="grid" "" *ngFor="let varT of part[0] && somecode; let i = index">
{{interpolation}}
</td>
</tr>
所以如果可能的话，我想用 css 制作（看起来不像），也许像我们的第一个答案一样使用 longpressEvents 。所以恢复我想要的是td我的文本被截断，当我检查 pc 悬停工作时，但我希望手机也一样，这很重要，我有办法修复它，但它是另一种实现，所以我更喜欢学习“如何使悬停在移动设备”。
高科技产品
在移动设备上悬停就像点击事件一样。
当您单击它时，它将触发 css 中的悬停。
当您单击外部时，它将悬停模糊事件。
检查此链接https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_buttons_fade1
如果您想以另一种方式（例如悬停类型）执行此操作，则可以为用户提供眼睛图标并将其绑定到触摸事件。是的，使用触摸开始和触摸结束事件侦听器，您可以在用户按住眼睛图标时使 td 可见位数据。为什么是眼睛图标，因为这样用户就知道通过触摸它，内容将是可见的
检查此链接。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
H2文本被截断以显示在移动设备上的问题
- 2
使图像显示在移动设备上的文本下方
- 3
：在移动设备上的悬停行为
- 4
在移动设备上隐藏 DIV
- 5
为什么此文本在我的移动设备上显示的很小？
- 6
通过媒体查询在移动设备上显示恒定的页脚
- 7
子菜单（下拉菜单）被截断并且未显示在移动设备上
- 8
子菜单（下拉菜单）被截断并且未显示在移动设备上
- 9
CSS：在移动设备上悬停点击
- 10
在桌面上悬停显示DIV，然后在移动设备上单击
- 11
溢出：移动设备上的隐藏难题
- 12
在移动设备上隐藏侧面滚动菜单
- 13
CSS / 在移动设备上隐藏按钮
- 14
在移动设备上使用 jquery 隐藏 div
- 15
截断文本并在鼠标悬停时显示
- 16
截断文本并在鼠标悬停时显示
- 17
垂直居中的文本不在移动设备上显示为中心，但在桌面设备上显示为中心
- 18
如何隐藏引导程序滑块，并且所有图像都应在移动设备上垂直显示？
- 19
在台式机上隐藏导航元素，仅在移动设备上显示
- 20
仅在台式机上显示adsense广告，然后在移动设备上隐藏该广告
- 21
在一页上使用多个图像/链接在文本悬停时图像隐藏和显示
- 22
纯 CSS 悬停在 div 上隐藏内容然后显示新文本
- 23
在屏幕上调整文本大小/移动设备截断文本，并具有扩展文本的功能
- 24
打开的图层不显示通过addLayer在移动设备上添加的LineString
- 25
使用jQuery在触摸/移动设备上悬停交互
- 26
以编程方式从移动设备上的元素中删除“悬停状态”
- 27
如何使Flexbox悬停在移动设备上灵活
- 28
foreignObject不会显示在移动设备上
- 29
真棒字体仅在移动设备上显示
我来说两句