草庐IT

overflowed

全部标签

html - Bootstrap 3 - 水平拖动带有垂直滚动条的元素,overflow-y : scroll

在我的previouspost失败之后,我听从了建议并使用Bootstrap的Dashboard示例作为基础,不幸的是没有成功。目标是一个带有侧边栏(col-md-3)的页面,其中包含所有未分类学生的面板(每个小面板),以及包含不同组(较大面板)的主要区域(col-md-9)),其中可以使用JQeryUISortable拖放学生。Thisscreenshotshowstheconcept.这工作正常,除了一个问题:虽然侧边栏没有水平滚动条(即使选择“overflow-x:auto”),但当试图从中拖出一个面板时它似乎变得更大。ThisscreenshotatthemomentwhenI

html - 将 "text-overflow: ellipsis;"应用于内部 div

我有一个类似于下图的div结构。我需要应用“文本溢出:省略号;”在较小的窗口中使用此div结构中的文本。(图片2)但它并没有像我预期的那样适用。这是我的HTML代码.header{ height:60px; width:100%; } .header>.header_middle{ margin:0auto; width:100%; } .header>.header_middle.share-file-header>.caption{ float:left!important; line-height:60px; overflow:hidden; padding-ri

html - 将 "text-overflow: ellipsis;"应用于内部 div

我有一个类似于下图的div结构。我需要应用“文本溢出:省略号;”在较小的窗口中使用此div结构中的文本。(图片2)但它并没有像我预期的那样适用。这是我的HTML代码.header{ height:60px; width:100%; } .header>.header_middle{ margin:0auto; width:100%; } .header>.header_middle.share-file-header>.caption{ float:left!important; line-height:60px; overflow:hidden; padding-ri

html - CSS 动画不适用于 'overflow: hidden;'

如果有人可以通过告诉我我做错了什么来指出正确的方向,我将不胜感激。请看这个example.如您所见,我正在尝试在单击按钮时将“div2”移动到“div1”。它实际上工作正常,第二个div按预期出现在第一个div中,但由于某种原因,单击不会触发CSS动画,这应该给第二个div一个幻灯片效果。我已经将它缩小到它与“溢出:隐藏”属性有关,因为当它从“div1”中删除时动画实际上会工作,但正如你很可能想出的那样我想要第二个div只有在位于第一个div中时才可见。为什么动画不工作?我正在使用Chrome、OSX。提前致谢!/克里斯托弗 最佳答案

html - CSS 动画不适用于 'overflow: hidden;'

如果有人可以通过告诉我我做错了什么来指出正确的方向,我将不胜感激。请看这个example.如您所见,我正在尝试在单击按钮时将“div2”移动到“div1”。它实际上工作正常,第二个div按预期出现在第一个div中,但由于某种原因,单击不会触发CSS动画,这应该给第二个div一个幻灯片效果。我已经将它缩小到它与“溢出:隐藏”属性有关,因为当它从“div1”中删除时动画实际上会工作,但正如你很可能想出的那样我想要第二个div只有在位于第一个div中时才可见。为什么动画不工作?我正在使用Chrome、OSX。提前致谢!/克里斯托弗 最佳答案

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

css溢出时IOS闪烁bug :scroll is changed to overflow:hidden

我正在通过phonegap构建一个应用程序,当我从屏幕底部向上滑动菜单时,我想在后台禁用div的滚动;通过将溢出从滚动更改为隐藏,为什么菜单滑动有效,但它会导致屏幕闪烁。任何人都知道当溢出属性改变时停止div闪烁的任何hackarounds? 最佳答案 闪烁错误与智能手机的GPU内存有关。内存是有限的(VRAM),如果元素太复杂或比内存大,它就会被耗尽。在带有CyanogenModrom的android中,您可以在屏幕中查看带有颜色的gpu处理。从绿色(低使用率)到红色(GPU使用率较高)。Demoimage.但是我不知道IOS有没

css溢出时IOS闪烁bug :scroll is changed to overflow:hidden

我正在通过phonegap构建一个应用程序,当我从屏幕底部向上滑动菜单时,我想在后台禁用div的滚动;通过将溢出从滚动更改为隐藏,为什么菜单滑动有效,但它会导致屏幕闪烁。任何人都知道当溢出属性改变时停止div闪烁的任何hackarounds? 最佳答案 闪烁错误与智能手机的GPU内存有关。内存是有限的(VRAM),如果元素太复杂或比内存大,它就会被耗尽。在带有CyanogenModrom的android中,您可以在屏幕中查看带有颜色的gpu处理。从绿色(低使用率)到红色(GPU使用率较高)。Demoimage.但是我不知道IOS有没

html - iOS 10 : uncertain freezing during scroll of HTML list styled with -webkit-overflow-scrolling: touch

概览这个问题是关于滚动期间的不确定卡住这是用CSS设置样式-webkit-overflow-scrolling:touch在iOS的Safari浏览器上。类似问题我读过类似的问题或帖子DivscrollingfreezessometimesifIuse-webkit-overflow-scrollingiOS9`-webkit-overflow-scrolling:touch`and`overflow:scroll`breaksscrollingcapabilityWebkitoverflowscrollingtouchCSSbugoniPadhttp://patrickmuff.ch