Heim >Web-Frontend >CSS-Tutorial >Zeigen Sie überlaufenden Inhalt an, wenn Sie mithilfe von CSS mit der Maus über ein Element fahren
Zeigen Sie überlaufenden Inhalt an, wenn Sie mithilfe von CSS mit der Maus über ein Element fahren
- WBOYnach vorne
- 2023-09-12 16:53:021579Durchsuche
Um Überlaufinhalte anzuzeigen, wenn Sie mit der Maus über ein Element fahren, können Sie versuchen, den folgenden Code auszuführen:
Beispiel
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
div.demo {
white-space: nowrap;
width: 180px;
overflow: hidden;
border: 2px solid blue;
}
div.demo:hover {
text-overflow: inherit;
overflow: visible;
}
</style>
</head>
<body>
<p>Hover to see the complete text below:</p>
<br>
<div class = "demo" style = "text-overflow:clip;">Demo Text that will hide in this box.</div>
</body>
</html>Das obige ist der detaillierte Inhalt vonZeigen Sie überlaufenden Inhalt an, wenn Sie mithilfe von CSS mit der Maus über ein Element fahren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Überblick über die neuen Funktionen von CSS3: Wie Sie mit CSS3 Rotationseffekte erzielenNächster Artikel：Überblick über die neuen Funktionen von CSS3: Wie Sie mit CSS3 Rotationseffekte erzielen