Rumah > Artikel > hujung hadapan web > 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?

WBOYke hadapan: 2023-08-23 22:05:02615semak imbas

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

Artikel sebelumnya：Mengapa kita perlu menggunakan !important?Artikel seterusnya：Mengapa kita perlu menggunakan !important?

Artikel berkaitan

Lihat lagi