Rumah >hujung hadapan web >tutorial css >Apakah yang perlu anda lakukan apabila kandungan elemen mungkin lebih besar daripada ruang yang diperuntukkan kepadanya?

Apakah yang perlu anda lakukan apabila kandungan elemen mungkin lebih besar daripada ruang yang diperuntukkan kepadanya?

WBOY
WBOYke hadapan
2023-08-23 22:05:02655semak imbas

Apakah yang perlu anda lakukan apabila kandungan elemen mungkin lebih besar daripada ruang yang diperuntukkan kepadanya?

Gunakan harta CSS limpahan untuk menyelesaikan masalah kandungan melebihi ruang yang diperuntukkan. Anda boleh cuba menjalankan kod berikut untuk menyelesaikan masalah ini −

Contoh

<html>
   <head>
   </head>
   <style>
      .scroll{
         display:block;
         border: 2px solid green;
         padding:10px;
         margin-top:10px;
         width:300px;
         height:50px;
         overflow:scroll;
      }
      .auto{
         display:block;
         border: 2px solid green;
         padding:10px;
         margin-top:10px;
         width:300px;
         height:50px;
         overflow:auto;
      }
      </style>
      <body>
         <p>Example of scroll value:</p>
         <div class = "scroll">
            This is Demo Content. This is Demo Content. This is Demo Content.
            This is Demo Content. This is Demo Content. This is Demo Content.
            This is Demo Content. This is Demo Content. This is Demo Content.
            This is Demo Content. This is Demo Content. This is Demo Content.
         </div>
      <br />
   </body>
</html>

Atas ialah kandungan terperinci Apakah yang perlu anda lakukan apabila kandungan elemen mungkin lebih besar daripada ruang yang diperuntukkan kepadanya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam