`
wandejun1012
  • 浏览: 2736779 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

css overflow详解

阅读更多

  这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

 

 

它的可选值为:visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。(一直会有滚动条)
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。(自动的)
inherit 规定应该从父元素继承 overflow 属性的值。

 

参考:http://www.w3school.com.cn/css/pr_pos_overflow.asp

 

分享到:
评论

相关推荐

    详解CSS3:overflow属性

    1.Overflow overflow为溢出(容器),当内容超出容器时只需添加overflow属性值为hidden, 就可以把超出容器的部分隐藏起来; 如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto; overflow:auto 属性如果...

    CSS浮动属性Float详解 什么是CSS Float?

    CSS 浮动属性 Float 详解 CSS 浮动属性 Float 是一种重要的定位属性,允许页面元素浮动在其他元素旁边。Float 属性可以取四个值:Left、Right、None 和 Inherit。其中,Left 和 Right 分别浮动元素到左边和右边,...

    CSS 属性详解 - 继承、层叠与类型

    本文全面解析了 CSS 中有关元素隐藏、继承属性、层叠规则以及不同显示类型的...结合实际项目尝试应用各种 display 类型与 overflow 控制,有助于理解和记忆各个特性和操作。同时利用提供的故障排除技巧提高调试能力。

    DIV+CSS布局:CSS浮动float属性详解[归纳].pdf

    CSS浮动float属性详解 在Web开发中,布局是非常重要的一方面,浮动float属性是CSS布局中非常关键的属性。通过对浮动float属性的理解和掌握,我们可以更好地实现网页的布局和排版。 Float浮动属性基本释义 float...

    css中text-overflow属性与文本截断详解

    在CSS中,`text-overflow`属性是用来处理文本溢出情况的一个重要工具,尤其是当文本在有限的容器内无法完全显示时。这个属性通常与`overflow`和`white-space`属性一起使用,来实现文本的截断和省略。本文将深入探讨`...

    css详解box-sizing.zip

    综上所述,"css详解box-sizing.zip"这个压缩包是一个全面学习和理解CSS Box Sizing特性的资源集合,包括了理论解释、实例演示和相关联的CSS属性,对于想要深入掌握CSS布局的开发者来说非常有价值。通过这些资料,...

    css兼容性详解

    ### CSS兼容性详解 #### 一、CSS Hack技术 **CSS Hack**是一种针对不同浏览器或浏览器版本编写特定样式的技巧,以确保网页在各种浏览器下的表现一致。随着浏览器技术的发展,许多Hack方法已经逐渐不再适用。 ####...

    css文件

    #### CSS Overflow 属性详解 `overflow`属性用于控制溢出内容的显示方式,常见的值有`visible`、`hidden`、`scroll`和`auto`。 #### CSS Position 详解 `position`属性定义元素的定位方式,包括`static`、`...

    CSS3教程详解(完整教学详解) PPT幻灯片.rar

    **CSS3教程详解** 在网页设计领域,CSS3(层叠样式表第三版)是用于控制网页元素样式的重要技术,它的出现极大地提升了网页的视觉效果和用户体验。本教程旨在为Web前端开发人员提供一个全面的CSS3学习指南,无论你...

    reset.css & normalize.css 下载

    重置与标准化CSS:reset.css与normalize.css详解 在网页设计和开发中,浏览器的默认样式差异往往会导致页面在不同浏览器上显示不一致。为了解决这个问题,开发者通常会使用两种技术:reset.css和normalize.css。这...

    CSS浮动属性Float详解[收集].pdf

    CSS浮动属性Float详解 CSS浮动属性Float是CSS中的一种定位方式,它可以使元素在网页流中浮动,周围的元素可以围绕它排列。浮动元素仍然是网页流的一部分,这与使用绝对定位的页面元素不同。绝对定位的页面元素被从...

    css3参考手册

    **CSS3参考手册详解** CSS3(层叠样式表第三版)是Web设计领域中一个重要的里程碑,它扩展了CSS2.1的功能,引入了许多新的特性和改进,为网页设计师提供了更为丰富的表现力和控制力。这篇详尽的指南将深入解析CSS3...

    用css截取字符的几种方法详解(css排版隐藏溢出文本).docx

    在CSS(层叠样式表)中,我们有时需要对超出容器宽度的文字进行截断,以保持页面布局的整洁。本文将详细介绍三种常见的CSS方法来截取字符并隐藏溢出的文本。 1. **使用`overflow`和`text-overflow`属性** 当你希望...

    用css截取字符的几种方法详解(css排版隐藏溢出文本).pdf

    通用的CSS截断字符串的方法是利用`text-overflow`属性,结合`overflow`和`white-space`。如下所示: ```css div.test { width: 200px; height: 14px; overflow: hidden; white-space: nowrap; text-overflow: ...

    css与html标签详解.docx

    【CSS与HTML标签详解】 CSS(层叠样式表)是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式语言。它允许我们通过分离内容和表现来设计网页,使得网页的布局和外观更加灵活和可控。 **CSS...

    详解CSS中zoom属性或overflow:auto属性清除浮动的作用

    在CSS布局中,浮动元素(如使用`float:left`或`float:right`)常常会导致父元素高度塌陷,即父元素无法自动扩展以包裹其内部的浮动子元素。为了解决这个问题,我们可以利用`zoom`属性(在IE浏览器中)和`overflow:...

    css3.0 css3帮助文档 css3.chm

    **CSS3.0详解** CSS3(Cascading Style Sheets Level 3)是Web样式表语言的最新版本,它在CSS2.1的基础上引入了许多新特性,为网页设计师提供了更强大的设计工具,使得网页布局、颜色处理、图像操作等方面变得更加...

    用CSS样式定义的圆角表格

    **CSS样式详解** - **基本页面样式**: ```css body { padding: 20px; background-color: #FFF; font: 100.01% "Trebuchet MS", Verdana, Arial, sans-serif; } h1, h2, p { margin: 0 10px; } ``` ...

Global site tag (gtag.js) - Google Analytics