cari

Rumah  >  Artikel  >  hujung hadapan web  >  Tunjukkan kandungan yang melimpah apabila menuding di atas elemen menggunakan CSS

Tunjukkan kandungan yang melimpah apabila menuding di atas elemen menggunakan CSS

WBOY
WBOYke hadapan
2023-09-12 16:53:021549semak imbas

Tunjukkan kandungan yang melimpah apabila menuding di atas elemen menggunakan CSS

Untuk menunjukkan kandungan limpahan semasa menuding pada elemen, anda boleh cuba menjalankan kod berikut:

Contoh

Demo Langsung

<!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>

Atas ialah kandungan terperinci Tunjukkan kandungan yang melimpah apabila menuding di atas elemen menggunakan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Gambaran keseluruhan ciri baharu CSS3: Cara menggunakan CSS3 untuk mencapai kesan putaranArtikel seterusnya：Gambaran keseluruhan ciri baharu CSS3: Cara menggunakan CSS3 untuk mencapai kesan putaran

Artikel berkaitan

Lihat lagi