overflow_编程技术问答社区_程序员问答知识库

以下是关于 overflow 的编程技术问答

我的元素具有溢出:'scroll'样式设置.除Windows Phone以外的所有移动设备都可以通过触摸拖拉进行滚动. 是否有任何解决方案可以做到这项工作? 解决方案已解决. 是因为视口设置.在下面的链接上回答. div evirflow scrolling n时-ms-viewport指定-mms-viewport?一个>

0 2023-12-08 编程技术问答社区 html css internet-explorer windows-phone-8 overflow

把＜span＞元素做成inline-block和overflow:hidden，会不会让他移位？

请使用任何浏览器，并查看试图代表我当前正在构建的新网站上使用的结构的小提琴(将鼠标悬停在" Hello"文本上！): $(function () { $('#hello').on('mouseenter', function (e) { // Animate "world" width, creating a fold out effect: $('#world').css('width', 40); }); }); div.container { background-color: lightblue; } ul { list-style-type: none; } #world { transition: width 2s; display: inline-block; width: 0; overflow: hidden; }

0 2023-12-03 编程技术问答社区 jquery-animate width overflow html

当内容溢出页面时，使非包裹性的div展开。

当DIV具有white-space: pre并且内容过多时，它将溢出页面，并添加滚动条.我如何使Div宽阔地扩展到? 示例: http://jsfiddle.net/tkctz/1/1/ 如果您向右滚动，您会发现背景仅在视口的右侧延伸，而不会超过溢出的文本后面的边缘.如果您使用Web工具检查DIV，则会发现这是因为DIV仅与背景一样宽. 当他们的内容溢出时，如何使Divs扩展?我想要CSS/HTML仅解决方案(无JavaScript). 解决方案我似乎已经通过在conting div上设置display: table和width: 100%来修复它，就像这样: http://jsfiddle.net/tkctz/3/ 其他解决方案 display: inline-block;进行救援！ div { white-space: pre; background-color: red; display: inline-block;

0 2023-12-03 编程技术问答社区 html css width overflow expand

长URL的CSS溢出

好吧，所以我在160x600容器中有Google广告.新广告在刷新上随机显示.当广告带有一个不包含任何破折号或任何字符的长URL弹出时，它会从容器Div中溢出.现在，我有溢出:隐藏了160个像素后的任何东西.问题是，如果有一个很长的URL，其中一些被隐藏(很好)，但是广告上方的文本也被隐藏而不是断开，因为它可以水平流出，直到URL为止. 即使我无法将其在其下方的URL包装上，我该如何使文本符合160像素? 谢谢！解决方案用于浏览器哪个其他解决方案我认为没有一种清洁的CSS解决此问题: httpp httpp ://www.w3schools.com/css/pr_pos_overflow.asp 要解决问题，您可以将URL放在其自己的DIV中，并将溢出属性设置为隐藏.这将禁止URL进入容器外，螺母我不确定这是您要的. 如果您使用的是PHP，我发现可以将您的文本连字符: $t = preg_replace("/>(([[:alnum:]]+:

0 2023-12-03 编程技术问答社区 html css width overflow

宽度: 100% 无滚动条

我正在尝试制作适合浏览器宽度的网页的一部分，因为我使用的是width: 100%，问题在于它显示scrollbars，我无法使用overflow-x: hidden;，因为它会隐藏一些内容，那么我如何解决此问题? #news { list-style-type: none; position: absolute; bottom: 0; width: 100%; text-align: center; margin-right: 10px; margin-left: 10px; padding: 0; -webkit-user-select: text; } 解决方案那是因为您正在使用position: absolute. 而不是使用: width: 100%; margin-right: 10px; margin-left: 10px 您应该使用: left: 10px; righ

0 2023-12-03 编程技术问答社区 css layout width overflow

在flutter中不同设备尺寸下的错误或不兼容性

正如我在代码中所述的，我将小部件的大小提供媒体标语，但是尽管如此，诸如不同设备上的图像之类的不兼容，或者我遇到了溢出错误.解决方案是什么?我应该如何尺寸的小部件以及内部按钮和图像之类的东西? 切断的文本: Padding( padding: const EdgeInsets.only(top: 20.0, right: 30), child: Container( height: MediaQuery.of(context).size.height * 0.02, width: MediaQuery.of(context).size.width * 0.23, child: ElevatedButton( onPressed: () {}, style: ElevatedButton.styleFrom(

0 2023-12-03 编程技术问答社区 flutter dart widget overflow flutter-renderflex-error

CSS的白色空间nowrap不起作用

我有一个div，有几个儿童div，剩下的div.我不希望它们破裂，所以我将它们设置为display:inline-block和white-space:nowrap.不幸的是，什么都没有发生.他们只是继续破裂. 最后，我想在x方向上滚动，但是当我添加overflow-x:scroll; overflow-y:visible时，它在y方向上滚动. .a { width: 400px; height: 300px; white-space: nowrap; display: inline-block; } .b { float: left; width: 50px; height: 200px; display: inline-block; }

0 2023-12-03 编程技术问答社区 html css overflow whitespace

我怎样才能加入显示为inline-block的＜div＞？

我正在开发一个复杂的应用程序，我需要使用div来表示一些信息；否 table.我的具体问题是盒子的信息组织了，内容分开. 这是我的代码: 在 #content { white-space: nowrap; } #item1 { width: 500px; } #item2, #item3 { width: 400px; } .item_ul { list-style-type: none; white-space: nowrap; overflow-x: auto; } .item_li { border: solid 1px black; display: inline-block; }

0 2023-12-03 编程技术问答社区 html css list overflow whitespace

安卓webview溢出不能被禁用

标签. 显然，这是Android和iOS上的WebView的一个错误

0 2023-12-03 编程技术问答社区 android webview overflow

Webview iframe 溢出

我目前正在Android构建一个Web应用程序.我的应用程序在WebView中运行，并通过IFRAME加载第三方内容. iframe大小是固定的，并被认为不会被加载的内容更改. 在桌面Chrome浏览器中，它可以正常工作，并且可以通过scrollbars滚动加载内容的溢出部分.但是，在Android WebView中，iframe倾向于根据加载的内容来调整自身大小，这导致了页面布局的混乱. 其他人是否遇到了同样的问题? 解决方案我找到了一种避免这种讨厌问题的方法.我已经禁用了iframe的滚动条，并使用 isCroll 而不是在应用程序中.该滚动条与原始栏几乎相同，尽管我的HTC魔术手机上较慢. 其他解决方案托尼.我认为，此技巧的关键是您必须固定iframe的高度.然后，您可以将ISCroll应用于IFRAME中的任何DIV元素.这是一个小型代码段: // disable default touchmove handler docum

0 2023-12-03 编程技术问答社区 android iframe webview overflow

css margin:auto在webkit浏览器（Chrome和Safari）中，当最大化/全屏时，不能使div居中。

我无法确定此问题的原因，因此我无法显示测试用例，相反这是链接: http://www.richard-walsh.limewalsh.limeweb.limewebers.com/disk-edists/index.html 问题是内容div(id = content)，不是以chrome和safari为中心. 它位于右边. 内容div被称为底部的Div包围，其宽度:100％；和高度:自动;. #bottom{ width:100%; height:auto; padding:0px; margin:0px; } #content{ width:862.4px; height:402px; margin:auto; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;

2 2023-12-01 编程技术问答社区 html css webkit overflow margin

webkit-filter breaks overflow: hidden

看来我遇到了Google Chrome 27中引入的怪异渲染错误. 如果您有一个带有webkit-filter的容器和带有overflow: hidden的儿童元素，则该元素内部的溢出内容不会像预期的那样隐藏，正如此测试用例关于如何解决此错误的任何想法?我尤其需要分别需要落影/盒子阴影(分别为Webkit和Mozilla)才能在表行上工作，这就是为什么我在测试案例中拥有的原因. 解决方案哇，这是永远的.因此，您是对的，Chrome 27在将WebKit过滤器应用于父元素时具有溢出属性的错误. so ...如果将过滤器应用于将溢出属性应用于同一元素的extract. http://jsfiddle.net/p3ysj/8/8/ .bar { position: relative; width: 11px; height: 8px; -webkit-filter: blur(0px); overflow: hidd

0 2023-12-01 编程技术问答社区 css google-chrome webkit overflow

使用任何动画/过渡时，Webkit边框|半径和溢出错误

当我使用overflow，border-radius和transition的组合时，我会得到一个奇怪的错误.我的内部有一个img的div: div具有border-radius，溢出设置为隐藏: body {background-color:#78735e;} .block { position: absolute; left: 0px; top: 0px; border-radius: 10px; margin: 6px; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);

0 2023-11-30 编程技术问答社区 css google-chrome safari webkit overflow

Webkit不尊重overflow:hidden与边界半径的关系

我使用CSS3有一个可爱的星际迷航红色警报动画.我的父母元素之一具有border-radius以及overflow:hidden，以便将任何内容裁剪为边界半径的形状. 这在Firefox中都可以正常工作，但是Webkit浏览器将一些儿童元素悬挂在裁剪区域外. 这是我的代码: 带有类名称curvedEdges的div具有border-radius和overflow:hidden.但是，即使它们是curvedEdges的子元素，"警报"文本的左右块悬挂在此半径之外.或用普通的英语，动画的左右边缘应略微弯曲(如在firefox中)，而不是直接死亡. 所以这是Webkit中的错误，还是我错了? 如果您没有webkit浏览器便捷，则在YouTube上... http://www.youtube.com/watch?v=3vyvyvyvy21nwse /p> 解决方案您可以用边框 - 拉迪乌斯和厚的黑色边框放置绝对定位的div，它将阻止您想要的零件也被隐藏.

0 2023-11-30 编程技术问答社区 animation webkit overflow css

溢出。在SVG上是可见的

元素上是否可以集overflow: visible? jsfiddle上的这个简单示例在我可以访问的每个浏览器中都会打破(某些版本的Chrome和Firefox)，因为它们的作用就像overflow: hidden. 有人可以告诉我SVG支持是否仍然不成熟，无法做这样的简单事情，或者我在代码中做错了什么? 我对overflow: visible的实际使用是图表上的范围轴，其中-0 tick的下半部分被切断. 解决方案我假设您是指HTML中的内联元素，如果是的话，这只是实现限制. IE9+允许overflow:visible在元素上，但到目前为止，其他浏览器还没有afaik. 一个可能的解决方法(这实际上是IMHO首先要做的)是指定一个定义SVG内部坐标系的A viewBox.然后，您将其绘制在此坐标系中.如果事情被剪辑(或换句话说，如果元素在viewBox区域之外)，则只需相应地增加viewBox宽度和/或高度. 如果您想知道特定view

0 2023-11-30 编程技术问答社区 css svg webkit overflow

Android版Chrome浏览器不再支持-webkit-overflow-scrolling？有替代方案吗？

我更新到我Nexus 7平板电脑上的Android的最新版本和... -webkit-overflow-scrolling: touch ...不再起作用.另外，以下评估为false: !!('WebkitOverflowScrolling' in document.documentElement.style) 从最近的Android Chrome构建中删除了对溢出滚动的支持?我可以在最新版本中使用的等效或可比的替代动量滚动机制(不是IsCroll等)吗? 也，我在设备上的Play商店中搜索了Chrome Beta，但在搜索结果中没有出现.也许beta版本未用于Nexus 7平板电脑? 在此问题上的任何帮助都非常感谢. Google似乎已经从浏览器中删除了此功能. 编辑: 详细版本信息: Nexus 7平板电脑运行Android版本4.2.2 -webkit-overflow-scrolling: touch; 和 !!('W

0 2023-11-30 编程技术问答社区 android google-chrome webkit scroll overflow

-webkit溢出滚动：触摸；打破苹果'；s iOS8

我正在使用在几个地方使用-webkit-overflow-scrolling:touch的Web应用程序，以提供溢出的Divs惯性滚动. 自更新到ios8以来，-webkit-overflow-scrolling: touch可以阻止您滚动，而到目前为止，我能够解决此问题的唯一方法是删除-webkit-overflow-scrolling: touch，它会留下标准的粘性滚动.请帮助！这是在iOS5、6和7中起作用的标准类之一: .dashboardScroll { height: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/ -webkit-transform: translateZ(0px); /*HELPS

0 2023-11-30 编程技术问答社区 scroll ios8 webkit overflow

CSS3属性webkit | overflow | scrolling:touch ERROR

ios 5发布了Web Designers的一个新属性-webkit-overflow-scrolling:touch，该属性使用iOS设备硬件加速器为可滚动Div提供本机滚动. 在我们的网站开发中实施时，它确实有效，但不好.我相信可能有一个CSS问题，因此我在这里问. 以下小提琴如果您在开发中弹出我们的网站，您会在设施选项卡下找到相同的面板，但是在iOS上，尽管滚动非常完美，但溢出的部分未显示为两次切碎的图片. . http://wwwwww.golfbrowser.com/courses/courses/courses/mill-ride/mill-ride/mill-ride/e 我不知道如何解决这个问题 http://www.golfbrowser.com/photo.photo.png 解决方案正如@relluf所指出的，在相对元素上应用3D过渡可以修复错误.但是，我对它进行了进一步的研究，似乎应用-webkit-transform: t

0 2023-11-30 编程技术问答社区 css webkit overflow ios5

不能让滚动条在溢出时出现

我正在构建一个MDI Web应用程序，并具有由A article元素创建的窗口，其中header和a section为内容.由于它是一个MDI应用程序，因此article设置为absolute，因此可以重叠其他窗口.我需要一个滚动条才能出现在内容部分，但不在header>. 中. … … CSS: article { position: absolute; min-width: 500px; width: 918px; margin: 0px; padding: 0px; overflow: hidden; background-color: white; border-style: ridge; border-color: #ddd;

0 2023-11-29 编程技术问答社区 css dynamic web-applications scrollbar overflow

隐藏固定位置的元素的溢出

有什么方法可以用容器隐藏固定 div的溢出?我认为固定在固定的内部会做到这一点，但似乎并非如此.我唯一能想到的解决方法是"倒"面具:其他固定的divs隐藏了所有，但是如果还有其他解决方案，那会更好. 这是小提琴: 解决方案不幸的是，似乎不可能在另一个元素(是否固定)中嵌套固定元素，并期望外部元素包装并隐藏任何溢出. 我唯一能想到的就是将内部div设置为position:absolute而不是固定.这是一个基于您的JSFIDDLE的示例: jsfiddle.net/pjfa6/pjfa6/15 .. . 其他解决方案在容器中使用z-index: any value;语句在某些Webkit浏览器中可以执行，例如Chrome. 其他解决方案在某些移动浏览器上下文中，使用-webkit-overflow-scrolling: touch可能会获得"剪裁"的固定位置元素.请参阅:

2 2023-11-29 编程技术问答社区 css web position overflow

首页
<
1
2
3
4
5
6
7
8
>
尾页