Css元素的显示与隐藏10bet:

来源:http://www.chinese-glasses.com 作者:Web前端 人气:50 发布时间:2020-04-07
摘要:设置或检索是否显示对象。 ruby: 将对象作为表格脚注组显示 他们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。最常见的是网站广告,当我们点击类似关闭不见了

设置或检索是否显示对象。

  ruby: 将对象作为表格脚注组显示

他们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。 最常见的是网站广告,当我们点击类似关闭不见了,但是我们重新刷新页面,它们又会出现和你玩躲猫猫!!

  no-display: 当内容不适合当前内容盒子时,整个盒子将被移除,类似display:none。(CSS3)

visible : 对象可视

  如果块内有一个块级元素(非float和position定义)紧跟run-in元素之后,run-in元素将变成块内第一个内联元素;一个run-in元素不能插入开始已有run-in元素或者本身就是run-in元素的块中;

display 设置或检索对象是否及如何显示。

  默认值:visible

display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外,同时还有显示元素的意思。

  该属性类似transform-origin,可能会被替代或废弃。

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

  -----------------------------------------------------------------------------------------------------------------

scroll : 不管超出内容否,总是显示滚动条

  ruby-text: 将对象作为表格脚注组显示

在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 overflow。

  hidden: 将超出对象高度的内容进行裁剪,将不出现滚动条。

hidden : 不显示超过对象尺寸的内容,超出的部分隐藏掉

  rotation:检索或设置对象的旋转角度。

auto : 超出自动显示滚动条,不超出不显示滚动条

  -------------------------------------------------------------------------------------------------------

overflow 溢出

  bottom: 指定原点的纵坐标为bottom

特点: 隐藏之后,不再保留位置。

  : 用百分比指定坐标值。

visibility 可见性

  none: 设置对象不浮动

特点: 隐藏之后,继续保留原有位置。(停职留薪)

  hidden: 将超出对象宽度的内容进行裁剪,将不出现滚动条。

visible : 不剪切内容也不添加滚动条。

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

hidden : 对象隐藏

  该属性类似transform属性下的旋转rotate(),可能会被替代或废弃。

display 显示

  rotation旋转不影响父元素和兄弟元素,它们的位置布局不变。所以当元素旋转时,可能会重叠到其它元素上。

时间: 2019-10-15阅读: 165标签: 元素元素的显示与隐藏

  display:设置或检索对象是否及如何显示。

  元素的border、padding、内容以及任何没有设置fixed的background都随元素旋转而旋转。所有position取值为static和relative的子元素也会跟着旋转,其余的则不会。

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

  ruby-base: 将对象作为表格脚注组显示

  visible: 不剪切内容。

  其它情况下,run-in元素都将是一个块级元素;

  如果希望对象为可视,其父对象也必须是可视的。

  scroll: 将超出对象宽度的内容进行裁剪,并以滚动条的方式显示超出的内容。

  table-header-group: 指定对象作为表格标题组。类同于html标签

  rotation旋转以rotation-point设置的值作为参照原点进行旋转偏移。

  --------------------------------------------------------------------------------------------------------

  如果提供两个,第一个等同于overflow-x,第二个等同于overflow-y。

  right: 设置对象浮在右边

  rotation-point:检索或设置的对象旋转时所参照的坐标点。

  no-display: 当内容不适合当前内容盒子时,整个盒子将被移除,类似display:none。

  overflow-y:索或设置当对象的内容超过其指定高度时如何管理内容。

  table-row-group: 指定对象作为表格行组。类同于html标签

  inline-block: 指定对象为内联块元素。

  visibility:设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间

  rotation旋转以rotation-point设置的值作为参照原点进行旋转偏移。

  overflow-x:检索或设置当对象的内容超过其指定宽度时如何管理内容。

  float在绝对定位和display为none时不会被应用。

  no-content: 当内容不适合当前内容盒子时,整个内容被隐藏,类似visibility:hidden。

  table-caption: 指定对象作为表格标题。类同于html标签

  ruby-text-group: 将对象作为表格脚注组显示

  float: 该属性的值指出了对象是否及如何浮动。

  默认值:visible

  当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。

  table-column-group: 指定对象作为表格列组显示。类同于html标签

  inline: 指定对象为内联元素。

  block: 指定对象为块元素。

  如果display设置为none,float及position属性定义将不生效;

  center: 指定原点的横坐标或纵坐标为center

  如果只提供一个,其作用等同于overflow-x + overflow-y。

【layout】

  hidden: 设置对象隐藏

本文由10bet发布于Web前端,转载请注明出处:Css元素的显示与隐藏10bet:

关键词:

上一篇:快速实现本地 https 预览【10bet】

下一篇:没有了

最火资讯