CSS 的overflow:hidden 属性详细解释

在开发网页时 , 我们经常要用到css样式 , 下面我们来讲一下overflow这个样式的用法 。 操作方式 01 起首我们写一个div , div里就是一段文字 。

CSS 的overflow:hidden 属性详细解释

文章插图

02 【CSS 的overflow:hidden 属性详细解释】然后写一些css样式 , 关头部门是指定div的宽度 , 如图的样式代码

CSS 的overflow:hidden 属性详细解释

文章插图

03 刷新页面 , 可以看到我们的文字在超长的时辰 , 显示在div的外面了 。

CSS 的overflow:hidden 属性详细解释

文章插图

04 这时就要用到我们的overflow:hidden样式了 。 该样式就是为了避免超长时 , 显示内容溢出的 , 在样式里添加上这个 。

CSS 的overflow:hidden 属性详细解释

文章插图

05 再次刷新页面 , 可以看到此刻超出的文字已经被埋没失落了 。

CSS 的overflow:hidden 属性详细解释

文章插图



以上内容就是CSS 的overflow:hidden 属性详细解释的内容啦 , 希望对你有所帮助哦!

    推荐阅读