?
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:ag亚游代理DIVCSS5首页 > DIV+CSS基础 >

CSS基础必学列表

css overflow(visible auto hidden scroll)教程

ag亚游代理,  这也许将成为国外厂商继专利费风波之后的又一出“欲擒故纵”之戏。有消息说,目前6C和3C已从我国企业出口全球的机中收取了高达30亿元的专利费。

  人民网5月19日电 据《读新闻》报道,美国当地时间18日,正在访美的中国人民解放军总参谋长陈炳德与美军参谋长联席会议主席马伦在位于华盛顿的美国国防部召开联合记者会,会上表明,双方就扩大两军交流达成一致。中美将于明年开展6项军事交流项目,包括在亚丁湾举行打击海盗联合演习,以及人道援助、灾害救助等方面的联合演习。以拆除约旦河西岸贝都因人学校部分教室 巴方谴责  《产经新闻》称,专家会议主要成员有日本海洋政策担当相山本一太下属的外交、安保以及国际法等领域的10名专家组成。专家组将针对钓鱼岛以及冲之鸟礁(日称“冲之鸟岛”)、南鸟岛(均属东京都)等“无人国境离岛”的保护、管理和土地所有者进行调查,掌握相关现行政策后,再整理提出政策方案。

DIV CSS overflow (visible auto hidden scroll)语法结构与css overflow教程

Overflow可以实现隐藏超出对象内容,同时也有显示与隐藏滚动条的作用,接下来我们来了解学习css overflow样式。

一、Overflow语法值   -   TOP

overflow : visible | auto | hidden | scroll

当然overflow可以单独设置X(overflow-x )和Y(overflow-y)方向的滚动条样式其值与应用与overflow语法用法结构相同。

扩展阅读:
1、隐藏超出对象内容方法
2、css隐藏
3、css隐藏内容方法

二、Overflow参数值解释   -   TOP

visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条,DIV默认情况也是这个值,但需要设置时候设置即可
hidden :  不显示超过对象尺寸的内容
scroll :  总是显示滚动条

三、Overflow特别解释说明   -   TOP

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。

四、重点学习Overflow   -   TOP

Overflow:visible 此样式可以让滚动条隐藏,但可以鼠标上拉下拉滑动。
Overflow:hidden 隐藏对象超出设置宽度高度的内容(css隐藏溢出内容教程/www16a3divcss516a3com/wenji/w415.shtml
Overflow:scroll 此样式,会让内容无论是否超出高度宽度也会显示滚动条。

五、Overflow:hidden与Overflow:scroll实践   -   TOP

我们通过同样的宽度高度设置,一个隐藏超出宽度高度内容,一个为显示滚动条,为了案例演示,我们对案例2个对象加CSS border边框

1、CSS代码

  1. .divcss5-hidden,.divcss5-scroll{width:300px; height:100px;line-height:25px; border:1px solid #333} 
  2. .divcss5-hidden{overflow:hidden; height:50px} 
  3. .divcss5-scroll{overflow:scroll; margin-top:10px} 

2、html代码

  1. <div class="divcss5-hidden"> 
  2. 隐藏超出的内容但不显示滚动,divcss5的overflow:hidden测试示范 
  3. 案例,设置了高和宽后对象,内容多不超出对象 
  4. </div> 
  5. <div class="divcss5-scroll"> 
  6. <img src="/www16a3divcss516a3com/uploads/allimg/130219/1_130219231214_1.jpg" /> 
  7. </div> 

3、案例截图

div css overflow应用使用案例效果截图
Overflow:hidden与Overflow:scroll实例截图

六、Overflow样式总结   -   TOP

Overflow css样式我们常常用于隐藏于显示滚动条,同时可以隐藏超出大小宽度高度显示对象的内容,非常简单如果不能拼写此单词也无所谓,看到就能认识常用到地方,基本语法结构等借助于DW软件快速输入即可。

相关overflow应用教程:
1、CSS隐藏超出对象内容
2、css清除浮动
3、div高度不能显示撑开
4、css隐藏图片超出div

如需转载,请注明文章出处和来源网址:/www16a3divcss516a3com/rumen/r414.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-02-20 22:04 原创:DIVCSS5
本文www.howtowinyourexbackeasy.com DIVCSS5版权所有。

球通专家球姐亚盘盈利5连冠!发哥单日回报超5倍 急救医生口对口吸出婴儿误吞的羊水:没想到这么咸 热刺天王任颁奖嘉宾遭嘲讽:本季唯一摸奖杯机会 短道世锦赛收官哈梅林三金 韩国男子接力夺冠 这是近期最大的谣言 你上当了吗? 意大利组阁大局已定 但希腊债务幽灵仍纠缠欧元 王文娟当选浙江省妇联主席 铁血总统普京的硬汉柔情 关爱保护普氏野马的生存 侦察敌情!施蒂利克观战权健 津门德比心态是关键 曲解“中国制造2025” 美国是无知还是刻意? 法企将受美对伊制裁波及 法政府坚称捍卫权益 2018城围联闭幕战即将到来 主场场次安排大公开
心系排球的搏命女神 惠若琪开启人生全新旅程 商务部回应去年中国对外投资下降:遏制非理性投资 两任市委书记相隔15天先后被查 两人还是老同事 中美前高官及商界北京聚论经贸“解结” 老赖球迷被限制出境看世界杯 立即主动还款 阿尔加夫杯-陆菲菲失误送礼 女足0-2挪威两连败 乌克兰:俄总统选举期间加强主要城市安防措施 跑近冬奥 崇礼168国际超级越野赛启动仪式在京召开 5G标准投票案:联想是否捅刀华为 为何被批不爱国 扎克伯格近期加速抛售Facebook股票 分析师呼吁调… 兴业投资:美元全盘回落 黄金走高结束四连跌 富士康IPO过会堪称飞速 发审委追问了这5个问题
男子被困电梯踹坏门被判寻衅滋事罪:超出自救范畴 32万股东别再幻想 经营难继重组无望乐视最后关头 2017年全国就业人员7.7亿 留学回国总人数超300… 京津城际列车今起换“复兴号”列车运行 张新军与世界巨星差多少? 一张数据表让你看明白 王毅外长回应“中国崩溃论”:自己先崩溃了 辽宁名宿点出京辽战关键点:别太依赖哈德森 两部委:降低5G公众移动通信系统频率占用费标准 美得州枪案亲历者:前一刻做数学 后一刻要逃命 这些人工资要涨职称要提 有你吗? 日产拟向中国投资600亿元 2022年销售260万辆 云南越狱涉毒犯张林苍被判无期 曾当庭自称杀警 美股大跌 美银美林发出最强烈卖出信号 ag亚游代理