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

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

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

来源:千锋教育
作者:qyf
关键词: 广州 深圳
2023-05-23
分享

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐

  • html5文档头部相关标签怎样使用 HTML5文档头部相关标签包括<meta>,<title>,<link>和<style>等标签。这些标签可以用于设置网页的元数据、标题、样式表等信息,具
  • jquery选择器基本语法格式和jquery选择器的优势 jQuery选择器是jQuery库中一个非常重要的部分,它允许开发者使用简洁的语法来获取DOM元素,从而更加方便地操作网页元素。基本语法格式:jQuery选择器的基本语法格式如下所示:$(select
  • jquery选择器基本语法格式和jquery选择器的优势 jQuery选择器是jQuery库中一个非常重要的部分,它允许开发者使用简洁的语法来获取DOM元素,从而更加方便地操作网页元素。基本语法格式:jQuery选择器的基本语法格式如下所示:$(select
  • js获取dom元素的方法有哪些 在JavaScript中获取DOM元素的方法有多种,以下是常用的方法:getElementById:根据元素的id属性获取DOM元素,返回的是一个元素节点对象。constelement=documen
  • css3中怎样将box-sizing设为content-box 在CSS3中,可以通过box-sizing属性来设置元素的盒子模型。默认值是content-box,即元素的width和height只包括内容的宽度和高度,不包括边框(border)、内边距(padd
  • 使用jdbc编程的步骤是怎样的 使用JDBC编程的步骤一般如下:加载驱动程序:使用Class.forName()方法动态加载驱动程序。建立连接:使用DriverManager.getConnection()方法建立与数据库的连接。其