CSS 的overflow:hidden 属性详细解释

操作方法

    01首先我们写一个p , p里就是一段文字 。
    CSS 的overflow:hidden 属性详细解释

    文章插图
    02然后写一些css样式 , 关键部分是指定p的宽度 , 如图的样式代码
    CSS 的overflow:hidden 属性详细解释

    文章插图
    03刷新页面 , 可以看到我们的文字在超长的时候 , 显示在p的外面了 。
    CSS 的overflow:hidden 属性详细解释

    文章插图
    04这时就要用到我们的overflow:hidden样式了 。该样式就是为了避免超长时 , 显示内容溢出的 , 在样式里添加上这个 。
    CSS 的overflow:hidden 属性详细解释

    文章插图
    05再次刷新页面 , 可以看到现在超出的文字已经被隐藏掉了 。
    CSS 的overflow:hidden 属性详细解释

    文章插图

【CSS 的overflow:hidden 属性详细解释】