home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

จะทำอย่างไรเมื่อเนื้อหาขององค์ประกอบอาจมีขนาดใหญ่กว่าพื้นที่ที่จัดสรรให้

ใช้ โอเวอร์โฟลว์ CSS เพื่อแก้ปัญหานี้เนื้อหาเกินพื้นที่จัดสรร คุณสามารถลองใช้รหัสต่อไปนี้เพื่อแก้ปัญหา -

ตัวอย่าง

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