当一个元素的内容可能比分配给它的空间更大时，应该怎么办？

原创

ithorizon 5个月前 (10-19) 阅读数 50 #CSS

使用CSS overflow属性来解决内容超出分配空间的问题。您可以尝试运行以下代码来解决这个问题−

示例

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

以上就是当一个元素的内容可能比分配给它的空间更大时，应该怎么办？的详细内容，更多请关注IT视界其它相关文章！