Computer >> Máy Tính >  >> Lập trình >> CSS

Phải làm gì khi nội dung của một phần tử có thể lớn hơn lượng không gian được phân bổ cho nó?


Sử dụng CSS tràn tài sản để giải quyết vấn đề này của một nội dung vượt quá không gian được phân bổ. Bạn có thể thử chạy đoạn mã sau để giải quyết vấn đề -

Ví dụ

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