CSS overflow用法
语法:
overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。
对应的脚本特性为overflow。请参阅我编写的其他书目。
示例:
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
语法:
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
示例:
div { text-overflow : clip; }
CSS overflow用法相关推荐
- CSS overflow 属性(琐碎知识点整理)
本文详细的介绍了 CSS overflow 属性的 '定义和用法' + '属性效果' 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一. over ...
- css overflow和border-radius一起用 解决圆角和滚动条一起用的问题
css overflow和border-radius一起用 解决圆角和滚动条一起用的问题 参考文章: (1)css overflow和border-radius一起用 解决圆角和滚动条一起用的问题 ( ...
- css overflow属性的测试
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow 看一些实际测试效果: visible: 超过范围的区域仍然能显示 hidden: 超 ...
- 教你玩转CSS Overflow
目录 CSS Overflow overflow: visible CSS 布局 - Overflow CSS overflow 属性用于控制内容溢出元素框时显示的方式. <style># ...
- CSS: SASS用法指南 (附视频)
观看视频: CSS: SASS用法指南 学过CSS的人都知道,它不是一种编程语言. 你可以用它开发网页样式,但是没法用它编程.也就是说,CSS基本上是设计师的工具,不是程序员的工具.在程序员眼里,C ...
- CSS animation-play-state用法
CSS animation-play-state用法 animation-play-state属性用于指定动画是运行还是暂停. 用法: **animation-play-state:paused|ru ...
- css !important用法以及CSS样式使用优先级判断
之前一直看到很多css中都有!important这个样式,一直不知道有什么作用的,今天在网上详细了解了一下,看了别人的博客,顺便转载收藏一下 css !important用法CSS样式使用优先级判断 ...
- CSS overflow的几种属性值
CSS overflow的几种属性值 visible: 默认值.内容不会被修剪,会呈现在元素框之外 hidden: 内容会被修剪,并且其余内容是不可见的 scroll: 内容会被修剪,但是浏览器会显示 ...
- html5类选择器用什么表示,HTML_揭秘常用的五类CSS选择器用法,有许多新手朋友不知道在什么 - phpStudy...
揭秘常用的五类CSS选择器用法 有许多新手朋友不知道在什么情况下运用什么样的CSS选择器,针对新手朋友,对CSS选择器作一些简单的说明,这里重点介绍一下最常用的五类CSS选择器的使用. 本文向大家描述 ...
最新文章
- .16-浅析webpack源码之编译后流程梳理
- boost::log::to_log_manip用法的测试程序
- c语言解析json数据
- TCP对应的应用层协议之FTP /SMTP / HTTP
- TensorFlow2-高阶操作
- [BZOJ 4025] 二分图
- hive 十六进制转十进制_hive 常用运算
- 汇编语言:编写code段中的代码,用push指令将a段中的前8个字型数据,逆序存储b段中
- 德国高级码农可赚年薪20万,但他们不在乎钱
- 自己创业做电商,应该怎么做?
- 健康管理软件 PHP,健康管理信息系统
- 地震数据.dat文件转.sgy文件
- sql分组排序取top n
- linux usb摄像头设备,Linux系统下USB摄像头驱动开发
- 优秀测试工程师应该具有的基本素质
- 有关Android插件化思考
- 2021-04-29 Do not nest ternary expressions
- 启动sts后,打开项目报错:NullPointException【已解决】
- js-多个果冻按钮之当前果冻按钮弹性特效
- 数字实现千分位分隔符