styledisplaynone的简单介绍

http://www.itjxue.com  2023-01-28 20:33  来源:未知  点击次数: 

div class="" style="display:none"是什么意思啊?

div class="" style="display:none"意思是div隐藏如果display:block就是显示。

style表示设置div的样式

display用于设置某标签的显示状态,取值有三种:

1、none:表示不显示,即隐藏。

2、block:表示以块状标签显示,即该标签独占一行,前后各有一个换行符。

3、inline:表示以行级标签显示,即该标签与其他标签同处一样。

对象用法

可用 Style 属性返回用于 Range 对象的 Style 对象。下例将“百分比”样式应用于 Sheet1 中的单元格区域 A1:A10。

Worksheets("Sheet1").Range("A1:A10").Style = "Percent"

通过更改应用于单元格的样式的属性可更改单元格的外观。但要记住,更改样式的属性将影响所有以该样式格式化了的单元格。

可用 Styles(index)(其中 index 为样式编号或名称)来从工作簿的 Styles 集合中返回单个 Style 对象。下例通过设置活动工作簿中“常规”样式的 Bold 属性来更改该样式。

以上内容参考:百度百科-style

?啥意思

none 此元素不会被显示。

block 此元素将显示为块级元素,此元素前后会带有换行符。

inline 默认。此元素会被显示为内联元素,元素前后没有换行符。

inline-block 行内块元素。(CSS2.1 新增的值)

list-item 此元素会作为列表显示。

run-in 此元素会根据上下文作为块级元素或内联元素显示。

compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。

marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。

table 此元素会作为块级表格来显示(类似 table),表格前后带有换行符。

inline-table 此元素会作为内联表格来显示(类似 table),表格前后没有换行符。

table-row-group 此元素会作为一个或多个行的分组来显示(类似 tbody)。

table-header-group 此元素会作为一个或多个行的分组来显示(类似 thead)。

table-footer-group 此元素会作为一个或多个行的分组来显示(类似 tfoot)。

table-row 此元素会作为一个表格行显示(类似 tr)。

table-column-group 此元素会作为一个或多个列的分组来显示(类似 colgroup)。

table-column 此元素会作为一个单元格列显示(类似 col)

table-cell 此元素会作为一个表格单元格显示(类似 td 和 th)

table-caption 此元素会作为一个表格标题显示(类似 caption)

inherit 规定应该从父元素继承 display 属性的值。以上是display的属性值 你所贴的代码意思:这个div标签的内容将不会显示!

标签设置成style="display:none"后其余的元素跟着隐藏了

因为(div

style="display:none")这串代码意思是把这个层设置成隐藏的。如果你想让它显示的话可以设置为(style="display:block")。

display的属性值:

1.

none

此元素不会被显示;

2.

block

此元素将显示为块级元素,此元素前后会带有换行符;

3.

inline

默认。此元素会被显示为内联元素,元素前后没有换行符;

4.

inline-block

行内块元素(CSS2.1

新增的值);

5.

list-item

此元素会作为列表显示;

6.

run-in

此元素会根据上下文作为块级元素或内联元素显示;

7.

compact

CSS

中有值

compact,不过由于缺乏广泛支持,已经从

CSS2.1

中删除;

8.

marker

CSS

中有值

marker,不过由于缺乏广泛支持,已经从

CSS2.1

中删除;

9.

table

此元素会作为块级表格来显示(类似

table),表格前后带有换行符;

10.

inline-table

此元素会作为内联表格来显示(类似

table),表格前后没有换行符。

js style.display = "" 和style.display="none" 区别

1、实际作用不同。

js style.display是清除屏幕显示样式,使用默认值。style.display="none" ,none是指代某一个代码,将这个代码进行隐藏,并没有删除操作。

2、用法不同。

js style.display使网页代码上显示的内容彻底删除消失,不为保留任何隐藏空间。style.display="none" 是会为其保留隐藏空间,等待其他代码读取写入。

扩展资料:

网页中某个代码中的元素有{display: none;}的样式的话,标签上相对应的的图片会被该none请求加载,但是不会被none进行渲染。代码中的隐藏信息也会被代码中的元素进行读取,并占有一定的隐藏空间。

如果上一级元素有{display: none;}的样式的话,那么下一级元素在样式表中的背景图片既不会渲染也不会加载,但是标签上的图片会被加载不会被渲染。

参考资料:W3School-HTML DOM display 属性

(责任编辑:IT教学网)

更多

推荐程序员考试文章