南湖12138

overflow属性

overflow属性功能可以将css设置的溢出的,显示盒子内显示不下的内容。

溢出:溢出就是当设置的盒子大小承载不下盒子里面的内容时,就会溢出:

overflow属性有4个属性值hidden(超出范围内的文字将被隐藏起来)、scroll(在div中出现水平和垂直的滚动条,超出的内容被滚动显示)、auto(当文字超出div的容纳范围时,根据需要出现水平的滚动条或时垂直的滚动条,滚动显示超出的内容)、visible(和不显示overflow时候显示效果一样,超出范围的文字按原样显示)

四个属性值分别的功能:

1.hidden:
当我们在样式中添加overflow:hidden,他会将超出部分隐藏起来,但是这一部分文字还是实际存在的;

2.scroll:
当在样式中添加overflow:scroll属性时他会出现一个滚动条,可以通过鼠标点击浏览超出部分的内容;

3.auto:
当我们在样式中添加overflow:auto属性时,也会出现可以滑动的滚动条。

4.visible:
当我们在样式中添加overflow:visible属性时超出范围的文字将按原来的样式显示;

 

posted on 2022-05-09 17:02  南湖12138  阅读(1608)  评论(0编辑  收藏  举报

导航