CSS属性探秘系列(二):overflow及相关属性text-over
一、overflow
指定盒中容纳不下的内容的显示方法。
1.适用范围块级元素
2.可取值
visible不剪切内容(默认)。
hidden 将超出对象尺寸的内容进行裁剪,将不出现滚动条。
scroll 将超出对象尺寸的内容进行裁剪,并以滚动条的方式显示超出的内容。
auto 在需要时裁剪内容并添加滚动条,此为body对象和textarea的默认值。
3.说明
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
二、相关属性
1.overflow-x:
overflow在水平方向上
2.overflow-y:
overflow在垂直方向上
3.text-overflow:
水平方向上,指定文字溢出时的显示方式,对于省略标记出现哪一侧由文字方向决定
1)可取值
clip:文本溢出时不显示省略标记(…),将溢出的部分裁切掉
ellipsis:文本溢出时显示省略标记(…)
字符串任何字符串(FF支持)
2)使用前提
块级元素
设置宽度(不设置以浏览器窗口宽度为准)
overflow:hidden;//溢出隐藏
white-space:nowrap;//禁止换行
3)说明:
a.当对容器设置浮动或者定位时,必须对容器设置宽度才能出现省略号
b.对于Firefox浏览器,可以给text-overflow设置溢出时显示任意字符串来替换省略号,如text-overflow:”&&&”。
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML