[分享]css元素内容溢出然后去除青春***

当我们将内容放入一个固定大小的元素中时，我们可能会发现其内容填充不满这个元素，反而出现内容溢出的情况，对于这样的问题，我们可以使用CSS的一些属性来解决。其中，overflow可以帮助我们控制元素的...

当我们将内容放入一个固定大小的元素中时，我们可能会发现其内容填充不满这个元素，反而出现内容溢出的情况，对于这样的问题，我们可以使用CSS的一些属性来解决。其中，overflow可以帮助我们控制元素的内容溢出时的表现方式，它有以下几种取值：

 overflow: visible; //内容可以溢出容器
    overflow: hidden; //溢出的内容将被隐藏
    overflow: scroll; //溢出的内容显示滚动条
    overflow: auto; //如果有溢出则显示滚动条 

另外，如果在解决内容溢出问题的同时，我们还要想办法去除页面上的青春***，那么我们可以为容器设置border-radius属性，将元素的边角处理成圆角的形状，这样可以避免元素边缘突出的感觉。例如：

 .box {
      width: 200px;
      height: 200px;
      overflow: hidden;
      border-radius: 10px;
    } 

这样就可以在保证元素内容不溢出的同时，让容器看起来更加美观，没有多余的突出部分和青春***。