Dzwebs.Net

撰写电脑技术杂文十余年

CSS之overflow控制内容溢出的显示方式

Admin | 2015-9-8 10:03:32 | 被阅次数 | 5002

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  overflow属性的功能是:规定如何处理如何处理不符合元素框的内容。也就是说,一个容器,比如是div对象,里面的文字太多,而该div又设置了高度和宽度,当容器和容器内的对象属性发生冲突的时候,应该遵循什么样的显示原则。

  语法如下:

  Object.style.overflow=visible|hidden|scroll|auto

  参数介绍:

  visible  内容不会被修剪,会呈现在元素框之外。
  hidden  内容会被修剪,但是浏览器不会显示供查看内容的滚动条。
  scroll  内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
  auto  由浏览器决定如何显示。如果需要,则显示滚动条。

  overflow所有主流浏览器都支持 overflow 属性。

  示例如下:

  <style type="text/css">
  div
  {
   background-color:#00FFFF;
   width:150px;
   height:150px;
   overflow: scroll
  }
  </style>

  


该杂文来自: 网页制作杂文

上一篇:CSS的定位position详解position relative absolut

下一篇:JS获取软盘信息

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计