替换在触摸屏环境中工作的 Title 属性

Question

我必须使用title属性来显示整个文本，以防标签大小减小并强制使用ellipsis. 现在的问题是我的页面可能会被触摸界面用户访问，他们可能没有悬停选项（除了galaxy note 用户）。

我希望有人知道 HTML5/HTML 中用于触摸设备的控件，它会在点击 div 以获得完整文本时在屏幕上的 div 旁边烤标题文本。

Answer 1

请参阅标题的使用和标题标签的滥用。HTML5 到目前为止还没有谈到这一点。

您可能需要使用js自己实现双标签事件或使用jquery doubletap

或者，悬停事件由许多移动设备实现，在第一次点击时触发......小提琴

CSS

span {
    width: 100px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span:hover {    
    overflow: visible;
}

HTML 代码

<span>Test test test test test test</span>