Heim > Artikel > Web-Frontend > 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:021483Durchsuche

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!

css

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

In Verbindung stehende Artikel

Mehr sehen