CSS标记——display和overview

本文详细介绍了CSS中overflow和display属性的使用方法及其不同取值的影响。包括如何通过overflow属性控制内容溢出时的行为,比如剪切内容、显示滚动条等;以及display属性的不同值如何影响元素的布局和显示方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 OverFlow

         对字符串进行隐藏处理

         语法:overflow : visible | auto | hidden | scroll

overflow 属性说明

visible::不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效。

auto:此为body对象和textrea的默认值。在需要时剪切内容并添加滚动条

hidden:不显示超过对象尺寸的内容。

scroll:总是显示滚动条。

overflow 应用说明

overflow应用1:检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

 overflow应用2:设置textarea对象为hidden值将隐藏其滚动条。

 overflow应用3:对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到◎ 右边或左边(视direction属性设置而定)的单元格。

Display

有以下三种取值:

inline就如本身语义所明示的,显示随着行流动的元素。锚和强调元素都是传统的内联元素。

block使元素前后都有断行。标题和段落元素都是传统的块元素的例子。

none,嗯,不显示这个元素,听起来毫无用处,但于易用性考虑(请看亲和连接),改变样式表,或者高级的翻转效果都有很好的用途。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值