Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

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

WBOY

Freigeben： 2023-09-12 16:53:02

nach vorne

1583 Leute haben es durchsucht

Zeigen Sie überlaufenden Inhalt an, wenn Sie mithilfe von CSS mit der Maus über ein Element fahren

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>

Nach dem Login kopieren

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!

Quelle：tutorialspoint.com

Vorheriger Artikel：Überblick über die neuen Funktionen von CSS3: Wie Sie mit CSS3 Rotationseffekte erzielen Nächster Artikel：Wie platziere ich ein Bild oder Video in einer Silhouette?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors