CSS 基础学习-130 css使用 overflow:visible 属性控制内容可见溢出

由 hrs, 25 十月, 2021

overflow: visible

默认情况下，溢出是可见的(visible)，这意味着它不会被裁剪，而是在元素框外渲染：

实例代码；

<!doctype html> 
<html>
  <head>
    <meta charset="utf-8">
    <style> 
      div{
        width:200px;
        height:80px;
        border:1px dotted black;
        text-indent:2em;
        overflow:visible;/*设置可见溢出*/
        padding:20px;
      }
  </style>
  </head>
  <body>
    <h1>overflow:visible 可见溢出实例</h1>
    <p>默认情况下，溢出是可见的，这意味着它不会被裁剪，而是在元素框外渲染：</p>
    <div>这是一段可见的文本字段，这是一段可见的文本字段，这是一段可见的文本字段，这是一段可
见的文本字段，这是一段可见的文本字段，这是一段可见的文本字段，</div>
  </body> 
</html>

运行效果：

css-130.png

标签

评论