styledisplaynone的简单介绍
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 属性