标签: overflow

我们有两个DIV,一个嵌入另一个.如果外部DIV不是绝对定位的,则位于绝对位置的内部DIV不服从外部DIV隐藏的溢出(示例).

有没有机会让内部DIV服从外部DIV隐藏的溢出而不将外部DIV设置为绝对位置(因为这会破坏我们的完整布局)？我们内部DIV的相对位置也不是一个选项,因为我们需要"扩展"表TD(例如).

还有其他选择吗？

当它漂浮在里面时,我如何让div增加它的高度？我知道为宽度定义一个值并设置溢出到隐藏的工作.问题是我需要一个溢出可见的div.有任何想法吗？

当我设置时overflow: scroll,我得到水平和垂直滚动条.

有没有办法删除div中的水平滚动条？

我可以阻止div块中的文本溢出吗？

嘿所有,我正处于溢出的艰难时期:隐藏.基本上我试图隐藏位于div中的无序列表的溢出.我不知道为什么这不起作用.它没有隐藏它,而是将我的li从水平布局打破到垂直布局.无序列表是轮播,容器是列表.我的代码如下:

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: top;
    width: 336px;
}
div.body .container .images .carousel {
    margin-bottom: 6px;
    margin-top: 8px;
    width: 336px;
}

我的代码:

<div class="images">
    <div id="images-previous">
        <img src="/images/images-previous.jpg" width="24" height="62" alt="Previous" />
    </div>
    <div class="list">
        <ul class="carousel">
            <li>
                <img src="/photogallery/23.jpg" …

检查元素是否有滚动条的最快方法是什么？

当然有一件事是检查元素是否大于其视口,这可以通过检查这两个值来轻松完成:

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的代码也大大帮助我解决了这个问题.它指出了我正确的方向.

我想添加垂直滚动条到我的<Div>.我试过了overflow:auto,但它没有用.我在Firefox和Chrome中测试了我的代码.我在这里粘贴Div样式代码:

float:left;
width:1000px;
overflow: auto;

提前致谢.

我有一个div overflow:hidden,我在其中显示用户输入的电话号码.div内的文本与右对齐,并且当文本向左扩展时,传入的字符将添加到右侧.

但是一旦文本大到不适合div,数字的最后一个字符就会自动裁剪,用户无法看到她输入的新字符.

我想要做的是裁剪左边的字符,就像div显示其最右边的内容并溢出到左侧.我该如何创造这种效果？

我想处理两个数字相乘导致溢出的特殊情况.代码看起来像这样:

int a = 20;
long b = 30;

// if a or b are big enough, this result will silently overflow
long c = a * b;

这是一个简化版本.在真正的程序中,a并b在运行时在其他地方采购.我想要实现的是这样的:

long c;
if (a * b will overflow) {
    c = Long.MAX_VALUE;
} else {
    c = a * b;
}

您如何建议我最好编码？

更新:a而且b总是在我的场景下非负.

我的应用中有一个带有3个项目的操作栏.

由于空间问题,只能显示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;
}