Показать усеченный текст на ощупь

Question

Как мы знаем, что мы могли бы укоротить текст с помощью CSS и «untruncate это так:

<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