CSS3对于盒中容纳不下的内容的显示——overflow属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3对于盒中容纳不下的内容的显示——overflow属性相关的知识,希望对你有一定的参考价值。

overflow属性

1.如果将overflow属性值设定为hidden,则超出容纳范围的文字将被隐藏起来。

div{

  overflow:hidden;

}

2.如果将overflow属性值设定为scroll,则div元素中将出现固定的水平滚动条与垂直滚动条,文字超出div元素的容纳范围时将被滚动显示。

div{

  overflow:scroll;

}

3.如果将overflow属性值设定为auto,则当文字超出div元素的容纳范围时根据需要出现水平滚动条或垂直滚动条,并且滚动显示超出容纳范围的内容。

div{

  overflow:auto;

}

4.如果将overflow属性的属性值设定为visible,则与不使用overflow属性时的显示效果一样,超出容纳范围的文字将按照原样显示。

5.overflow-x属性与overflow-y属性

 

以上是关于CSS3对于盒中容纳不下的内容的显示——overflow属性的主要内容,如果未能解决你的问题,请参考以下文章

溢出处理

css3中的字体样式

android开发中,一个布局文件显示不下所有内容,我想通过上下滑动来显示所有的内容,用啥布局?

css怎么让第二行内容显示不下的时候自动省略号!

201771010108 -韩腊梅-第十四周学习总结

东文财 赵栋 罗松 201771010106《面向对象程序设计(java)》实验14