千锋教育-做有情怀、有良心、有品质的职业教育机构

当前位置:首页  >  关于学院  >  技术干货  >  html5技术干货  >  正文

css中display、visiblity及overflow的作用和区别

来源:千锋教育
发布时间:2023-05-23 16:57:01
分享

  CSS中、以及都是控制元素的显示方式的属性,它们的作用和区别如下:displayvisibilityoverflow

  display:控制元素的布局类型和在页面上的显隐方式。 常用的值有:

css中display、visiblity及overflow的作用和区别

  block:将元素显示为块级元素,一个块级元素会新起一行并且尽可能撑满容器。

  inline:将元素显示为行内元素,行内元素不会独占一行,而是和其他行内元素在同一行上排列。

  none:元素被隐藏,且不会在页面上占据空间。

  visibility:控制元素的可见性。 常用的值有:

  visible:元素可见,是默认值。

  hidden:元素不可见,但仍然占据空间。

  collapse:将表格行或列合并并将其隐藏。

  overflow:控制元素内容超出其容器时的表现方式。 常用的值有:

  visible:内容不会被修剪,超出容器的部分会呈现在容器外面。

  hidden:内容会被修剪,超出容器的部分不可见。

  scroll:内容会被修剪,超出容器的部分会显示滚动条以便查看。

css中display、visiblity及overflow的作用和区别

  auto:如果容器滚动,则应该显示滚动条以便查看超出的内容。

  综上,这三个属性都与元素的显示方式有关,但是具体作用和表现方式略有不同,需要根据具体的需求和效果进行选择和设置。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

相关推荐

  • vue配置跨域怎么操作 Vue配置跨域的操作非常简单。在Vue项目中,我们可以通过配置webpack来实现跨域请求。在Vue项目的根目录下找到config文件夹,然后打开index.js文件。在该文件中,我们可以找到一个名为
  • npm包管理工具有什么用途? npm(NodePackageManager)是JavaScript生态系统中最常用的包管理工具。它是随同Node.js安装的,默认包含在Node.js的安装包中。npm允许开发者轻松地安装、更新、卸
  • vue事件修饰符有哪些? 在Vue.js中,事件修饰符是一种用于修改事件触发行为的特殊修饰符。以下是常用的事件修饰符:1.`.stop`:阻止事件继续传播,即阻止事件冒泡。2.`.prevent`:阻止事件默认行为。3.`.c
  • vue路由守卫有哪些? 在Vue.js中,路由守卫是一种用于控制导航的机制,它允许您在路由切换前后执行相应的操作。VueRouter提供了三种类型的路由守卫:1.全局前置守卫(GlobalBeforeGuards):-`be
  • css绝对定位和相对定位 CSS中的绝对定位(absolutepositioning)和相对定位(relativepositioning)是用于控制元素在页面布局中的位置的两种常见定位方式。1.绝对定位(absolutepos
  • npm安装less用法介绍 npm(NodePackageManager)是Node.js的包管理器,它允许您安装、管理和共享JavaScript模块。要安装和使用Less(一种CSS预处理器),您可以按照以下步骤进行操作:1.