2013-03-15 1 views
3

Я должен использовать атрибут title, чтобы показать весь текст, если размер метки уменьшается и заставляет ellipsis. Теперь проблема заключается в том, что моя страница может быть доступна пользователям сенсорного интерфейса, и у них может не быть возможности зависания (кроме пользователей галактики).Замена атрибута Title, работающего в среде с сенсорным экраном

Я надеялся, что кто-то знает о контроле в HTML5/HTML для сенсорных устройств, которые будут тост текст заголовка на экране рядом с div, нажимая div для полного текста.

ответ

2

usage of title & abuse of title tags. HTML5 пока не говорил об этом.

Вы, возможно, потребуется осуществить двойную вкладку события самостоятельно с помощью JS или использовать jquery doubletap

Альтернативно, парить событие реализуется многими мобильные устройства для стрельбы на первом кране ... fiddle

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> 
+0

На данный момент я ищу поддержку только для iOS и Android-браузеров. Так что это работает для меня. Благодаря! – Shouvik

Смежные вопросы