Questions tagged «overflow»

溢出是一个CSS属性,用于控制如果内容溢出其包含框会发生的情况。不要将此标签用于堆栈缓冲区溢出错误和漏洞;请改用[buffer-overflow]和/或[stack-smash]。

4
位置绝对和溢出隐藏
我们有两个DIV,一个嵌入另一个。如果外部DIV的位置不是绝对的,则内部DIV的位置绝对不遵循外部DIV的隐藏溢出(示例)。 是否有机会使内部DIV服从外部DIV的隐藏溢出,而无需将外部DIV设置为绝对位置(因为这会破坏我们的完整布局)?相对于内部DIV的相对位置也不是一种选择,因为我们需要“增长”到表TD(exmple)。 还有其他选择吗?

7
CSS溢出-仅1行文字
我有div以下css样式: width:335px; float:left; overflow:hidden; padding-left:5px; 当我在其中插入div一长行文本时,它会换行并显示所有文本。我想要的是只有一行不会换行的文本。当文本较长时,我希望此溢出文本消失。 我当时正在考虑设置高度,但这似乎是错误的。 也许如果我添加与字体相同的高度,它应该可以工作并且不会在不同的浏览器中引起任何问题? 我怎样才能做到这一点?
134 html  css  overflow 




5
如何使溢出的CSS属性与隐藏值一起工作
我很难过overflow: hidden。 基本上,我试图隐藏位于中的无序列表的溢出<div>。 我不知道为什么这不起作用。 它没有隐藏它,而是将我的列表从水平布局拆分为垂直布局。 无序列表是轮播,容器是列表。 下面是我的CSS代码; div.body .container .images { background: url(/images/images-background.jpg); height: 62px; margin-bottom: 17px; width: 384px; } div.body .container .images #images-previous { cursor: pointer; float: left; } div.body .container .images #images-next { cursor: pointer; float: left; } div.body .container .images .list { float: left; overflow: hidden; vertical-align: …
123 css  overflow  html 


11
检查HTML元素是否具有滚动条
检查元素是否具有滚动条的最快方法是什么? 当然,一件事是检查element是否大于其视口,这可以通过检查以下两个值来轻松完成: el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth 但这并不意味着它也具有滚动条(因此它实际上可以被人类滚动)。 题 如何在1个跨浏览器和2个 javascript中检查滚动条(如无jQuery)? 仅使用Javascript,因为我需要尽可能小的开销,因为我想编写一个非常快速的jQuery选择器过滤器 // check for specific scrollbars $(":scrollable(x/y/both)") // check for ANY scrollbar $(":scrollable") 我想我必须检查overflow样式设置,但是如何以跨浏览器的方式进行呢? 附加编辑 不仅是overflow样式设置。检查元素是否具有滚动条并不是看起来那么简单。我上面写的第一个公式在元素没有边框的时候很好用,但是当元素没有边框时(特别是当边框的宽度很大时),offset尺寸可以大于scroll尺寸,但是元素仍然可以滚动。实际上,我们必须从offset尺寸中减去边框以获得元素的实际可滚动视口,并将其与scroll尺寸进行比较。 备查 :scrollablejQuery选择器过滤器包含在我的.scrollintoview()jQuery插件中。如果有人需要,可以在我的博客文章中找到完整的代码。即使没有提供实际的解决方案,Soumya的代码也极大地帮助我解决了问题。它为我指明了正确的方向。


6
左溢而不是右溢
我有一个div overflow:hidden,其中在用户键入时显示电话号码。div内的文本向右对齐,并且随着文本向左增加,传入的字符被添加到右边。 但是,一旦文本足够大而无法放入div中,该数字的最后一个字符将自动被裁剪,用户将看不到她键入的新字符。 我想做的是裁剪左边的字符,就像div显示的是最右边的内容并溢出到左侧。如何产生这种效果?
105 css  html  overflow 

4
使孩子在溢出之外可见:隐藏的父母
在CSS中,将overflow:hidden其设置在父容器上,以使其随其浮动子容器的高度扩展。 但是,当与margin: auto...结合使用时,它还具有另一个有趣的功能。 如果PREVIOUS兄弟姐妹是一个浮动元素,它将实际上并列出现。也就是说,如果同属float:left容器,float:none overflow:hidden则带有的容器将出现在同属容器的右侧,没有换行符-就像它在正常流中浮动一样。如果先前的兄弟是,float:right则容器将出现在兄弟的左侧。调整此容器的大小将准确地显示其在浮动元素之间居中的位置。说,如果你有两个以前的兄弟姐妹,一个float:left其他float:right,容器将出现在中心插图中的两项。 所以这是问题所在... 如何在不遮盖孩子的情况下保持那种布局? 在整个网络上进行谷歌搜索为我提供了如何clear:both扩展和扩展容器的方法...但是我找不到任何其他解决方案来保持左/右前一个孩子居中。如果您制作容器,overflow:visible则容器会突然忽略浮动元素的布局流程,而是分层显示在浮动元素的顶部。 所以问题: 我必须有一个容器overflow:hidden来保留布局... 我怎样才能做到不让孩子蒙面?我需要让孩子相对于容器外部的父对象绝对定位。 要么 我如何overflow:visible才能绝对地将一个孩子相对于其父对象放置在容器之外...还可以保留同级的float-like-layout-flow?

4
CSS:如何在固定高度的容器内获取div的滚动条
我有以下标记: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> CSS看起来像这样: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } 由于其内容,的高度div.Content通常大于所提供的空间div.FixedHeightContainer。此刻,div.Content快乐地延伸到了我的底部div.FixedHeightContainer-根本不是我想要的。 div.Content当其高度太大而无法容纳时,如何指定获取滚动条(最好仅是垂直的,但我并不挑剔)? overflow:auto而overflow:scroll什么都不做,出于某种奇怪的原因。

9
Android操作栏不显示溢出
我的应用程序中有一个包含3个项目的操作栏。 由于空间问题,只能显示2个,因此我希望第一个显示,其余的显示在溢出中。但是实际上,仅显示前2个项目,并且没有可检测到的溢出。 以下是相关代码:list_menu.xml <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/menu_insert" android:icon="@android:drawable/ic_menu_add" android:title="@string/menu_insert" android:showAsAction="ifRoom|withText"/> <item android:id="@+id/menu_call" android:icon="@android:drawable/ic_menu_call" android:title="@string/menu_call" android:showAsAction="ifRoom|withText"/> <item android:id="@+id/menu_agenda" android:icon="@android:drawable/ic_menu_agenda" android:title="@string/menu_agenda" android:showAsAction="ifRoom|withText"/> </menu> Activity.java public boolean onCreateOptionsMenu(Menu menu) { MenuInflater mi = getMenuInflater(); mi.inflate(R.menu.list_menu, menu); return true; }

21
由于滚动,响应表内的引导按钮下拉不可见
当响应和滚动活动时,表内的下拉按钮存在问题,因为由于overflow: auto;属性而无法看到下拉菜单。如何解决此问题,以便在折叠按钮时显示按钮的下拉选项?我可以使用一些jQuery,但是在左右滚动时遇到问题后,我决定寻找其他解决方案。我附了一张照片,以更好地理解。 这是一个小js小提琴:

7
如何在HTML表格上显示滚动条
我正在写一个页面,我需要一个html表来维持设置的大小。我需要表顶部的标题始终保持在该位置,但是无论表中添加了多少行,我都需要表的主体进行滚动。 我希望它看起来像此网址中的方法2:http : //www.cssplay.co.uk/menu/tablescroll.html 我尝试这样做,但是没有滚动条出现: tbody { height: 80em; overflow: scroll; } <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">Question No</th> <th class="col2">Option Type</th> <th class="col1">Duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.