jsp 怎么设置html不可见

jsp 怎么设置html不可见,第1张

html设置元素不可见的方法:1、在元素标签中添加hidden属性

2、在元素标签中使用style属性设置“display:none”样式。

3、在元素标签中使用style属性设置“visibility:hidden”样式。

html中使元素不可见有三种方法:

使用hidden属性。

使用style属性设置display:none。

使用style属性设置visibility:false。

显然,使元素不可见有两类方式:

元素彻底不可见,元素不会占据空间,仿佛消失了一样。

元素不可见,但是依旧占据着原来的空间,仿佛隐形了一样。

需要使用到js,获取到点击按钮

声明一个变量为 var flag = false

当点击时 if(!flag){ flag = true , 把要显示的元素设置display为none}else{ flag= false, display设置为block}

相关css 代码如下:

//强制显示滚动条:

html { overflow: scroll}

//强制隐藏滚动条:

html { overflow: hidden}

//隐藏IE的水平滚动条:

html { overflow-x: hidden}

//隐藏IE的垂直滚动条:

html { overflow-y: hidden}

//强制显示IE的水平滚动条:

html { overflow-x: scroll}

//强制显示IE的垂直滚动条:

html { overflow-y: scroll}

//强制显示Mozilla的水平滚动条:

html { overflow:-moz-scrollbars-horizontal}

//注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.

//强制显示Mozilla的垂直滚动条:

html { overflow:-moz-scrollbars-vertical}

//注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7042368.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存