Ermitteln Sie, ob ein Textüberlauf stattgefunden hat, und fügen Sie einen Tooltip mit Volltext hinzu
Ich habe eine einfache Spanne mit einer E-Mail-Adresse.
<span id="email">[email protected]</span>
In meinem CSS ist die Spanne auf eine feste Breite mit Ellipsenüberlauf eingestellt.
#email {
display: inline-block;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
Das funktioniert gut. Ich möchte jedoch feststellen, dass es irgendwie funktioniert hat und den vollständigen Text im Span anzeigentitle Attribut.
Wie kann ich das machen? Reines CSS wäre perfekt, aber wenn das nicht möglich ist, ist jQuery das zweitbeste.