У мене на моїй сторінці проміжок із динамічними даними на ellipsis
стилі.
.my-class
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 71px;
}
<span id="myId" class="my-class"></span>
document.getElementById('myId').innerText = "...";
Я хотів би додати до цього елемента підказку з тим самим вмістом, але я хочу, щоб він відображався лише тоді, коли вміст довгий і на екрані з’являється еліпсис.
Чи можна це зробити?
Чи переглядає браузер подію, коли ellipsis
вона активована?
* Браузер: Internet Explorer
element.offsetWidth < element.scrollWidth
відповідає ця відповідь , поки що працює.
text-overflow:ellipsis;
зараз працює у Firefox; він був доданий у Firefox 7 (вийшов у вересні 2011 року).
text-overflow:ellipsis;
не працює взагалі в Firefox - см це питання докладніше: stackoverflow.com/questions/4927257 / ...