草庐IT

hidden-xs

全部标签

html - 输入 hidden 或 div with display : none in css?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭4年前。Improvethisquestion在我们的元素中,我们都使用inputtype=hidden元素和带有display:nonecss的divs将一些数据存储在html页面上而不向用户显示。所以我想知道哪种方式在性能和代码完整性以及html语义方面更合适?

html - 输入 hidden 或 div with display : none in css?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭4年前。Improvethisquestion在我们的元素中,我们都使用inputtype=hidden元素和带有display:nonecss的divs将一些数据存储在html页面上而不向用户显示。所以我想知道哪种方式在性能和代码完整性以及html语义方面更合适?

html - 为什么溢出-x : hidden make my absolutely positioned element become fixed?

我想弄清楚,为什么要设置overflow-x:hidden到HTML页面的正文使我的元素position:fixed即使我将其设置为position:absolute.这个效果更好理解demo.这是代码:html,body{width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;/*IfIremovethislineeverythingishowIexpectittobe!*/}div.page{position:relative;width:100%;height:100%;min-height:100%;border:

html - 为什么溢出-x : hidden make my absolutely positioned element become fixed?

我想弄清楚,为什么要设置overflow-x:hidden到HTML页面的正文使我的元素position:fixed即使我将其设置为position:absolute.这个效果更好理解demo.这是代码:html,body{width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;/*IfIremovethislineeverythingishowIexpectittobe!*/}div.page{position:relative;width:100%;height:100%;min-height:100%;border:

javascript - 溢出内的滚动内容 :hidden div

我的#parent中有5个.kids,我希望能够在它们之间滚动,但一次只显示一个。如何滚动到父div中的不同位置以查看不同的child?我的CSS:#parent{width:500px;height:600px;overflow:hidden;}.kids{display:inline-block;width:500px;height:600px;}抱歉有点LQ问题,但我只是被难住了。 最佳答案 这是一个使用ScrollTo()jQueryplugin的解决方案.jsFiddleexample...和另一个example使用ove

javascript - 溢出内的滚动内容 :hidden div

我的#parent中有5个.kids,我希望能够在它们之间滚动,但一次只显示一个。如何滚动到父div中的不同位置以查看不同的child?我的CSS:#parent{width:500px;height:600px;overflow:hidden;}.kids{display:inline-block;width:500px;height:600px;}抱歉有点LQ问题,但我只是被难住了。 最佳答案 这是一个使用ScrollTo()jQueryplugin的解决方案.jsFiddleexample...和另一个example使用ove

html - 为什么我的 flexbox 会扩展尽管溢出 :hidden/auto?

谁能解释这种行为?我已经创建了两个堆叠的flexboxchild作为全屏网络应用程序的简单轮廓。但是,在我的顶部元素中添加内容似乎会扩展它,最终将底部元素推出屏幕。varbuttonEl=document.getElementById('addButton');buttonEl.addEventListener('click',function(){varnewEl,ulEl;//CreatealistitemelementnewEl=document.createElement('li');newEl.innerHTML="TestListItem";//Addthelistitem

html - 为什么我的 flexbox 会扩展尽管溢出 :hidden/auto?

谁能解释这种行为?我已经创建了两个堆叠的flexboxchild作为全屏网络应用程序的简单轮廓。但是,在我的顶部元素中添加内容似乎会扩展它,最终将底部元素推出屏幕。varbuttonEl=document.getElementById('addButton');buttonEl.addEventListener('click',function(){varnewEl,ulEl;//CreatealistitemelementnewEl=document.createElement('li');newEl.innerHTML="TestListItem";//Addthelistitem

jquery - visibility :hidden of table-cell hides background-color of parent table-row

我有一些使用display:table-row和display:table-cell构建的表单。在Firefox52上,我可以使用visibility:hidden隐藏单元格元素,隐藏单元格但保留CSS定义的结构(而不​​是使用display:none)。虽然在Firefox64(以及chrome)上,当我隐藏单元格的可见性时,父表行在该位置失去其背景颜色。这是显示问题的片段:#tableRow{display:table-row;background-color:#f5f5f5;}.cell{display:table-cell;}#hide{visibility:hidden;}V

jquery - visibility :hidden of table-cell hides background-color of parent table-row

我有一些使用display:table-row和display:table-cell构建的表单。在Firefox52上,我可以使用visibility:hidden隐藏单元格元素,隐藏单元格但保留CSS定义的结构(而不​​是使用display:none)。虽然在Firefox64(以及chrome)上,当我隐藏单元格的可见性时,父表行在该位置失去其背景颜色。这是显示问题的片段:#tableRow{display:table-row;background-color:#f5f5f5;}.cell{display:table-cell;}#hide{visibility:hidden;}V