css完成div全自动加上翻转条(照片或文本等超过时

日期:2021-03-10 类型:科技新闻 

关键词:在线网页制作,建网页,个人简介网页制作,简单网页,建立网页

原先用过,沒有太在乎,近期又用到。记正下方便之后用。

拷贝编码
编码以下:

<div style='border:0px;padding:3px; PADDING:0px; width:200px; height:480px; LINE-HEIGHT: 20px; OVERFLOW: auto; '></div>

英语的语法
overflow : visible | auto | hidden | scroll ;
主要参数
1.visible :不裁切內容也不加上翻转条。倘若显式申明此默认设置值,目标将被裁切为包括目标的window或frame的尺寸。而且clip特性设定将无效
2.auto :此为body目标和textarea的默认设置值。在必须时裁切內容并加上翻转条
3.hidden :无法显示超出目标规格的內容
4.scroll :一直显示信息翻转条
表明
查找或设定当目标的內容超出其特定高宽比及宽度时怎样管理方法內容。
设定textarea目标为hidden值将掩藏其翻转条。
针对table来讲,倘若table-layout特性设定为fixed,则td目标适用带有默认设置值为hidden的overflow特性。假如设为hidden,scroll或auto,那末超过td规格的內容将被裁切。假如设为visible,将致使附加的文字外溢到右侧或左侧(视direction特性设定而定)的模块格。
自IE5刚开始,此特性在MAC服务平台上能用。
对应的脚本制作特点为overflow。
示例

拷贝编码
编码以下:

div { overflow: scroll; height: 100px; width: 100px; }