小编Sep*_*420的帖子

overflow-y:当overflow-x:hidden存在时,可见不起作用

在Chrome或Firefox中无法正常运行.这有什么解决方法吗？

   <!DOCTYPE html>
   <html>
   <head></head>
   <body>
    <h3>overflow-y:visible</h3>

    with overflow-x:hidden
    <div style="overflow-x:hidden;overflow-y:visible;width:100px;height:100px;   position:relative;background:#666;">
        <div style="top:20px;left:20px;    width:420px;height:420px;position:absolute;background:#420;">
        </div>
    </div>

    without overflow-x:hidden
    <div style="overflow-y:visible;width:100px;height:100px;position:relative;background:#666;">
        <div style="top:20px;left:20px; width:420px;height:420px;position:absolute;background:#420;">
        </div>
    </div>

   </body>
   </html>

Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/sMNyK/

真实场景涉及绝对必须具有overflow-x:hidden的组件,但这将触发弹出菜单,这些菜单需要能够在y方向上脱离元素.我应该将这些菜单放在其父组件之外,还是有更好的解决方法？

html css css3

Sep*_*420

lucky-day

29
推荐指数

2
解决办法

2万
查看次数

无需渲染即可测量文本宽度/高度

有没有办法在不渲染实际元素的情况下估算文本宽度？像canvas TextMetrics这样的东西？

案例:我需要估算ReactList的元素高度.要做到这一点,我需要大致知道文本元素需要多少空间(或者它们将跨越多少行).

例如.

render(){
    return <div><SomeComponentWithKnownDims/><p>{this.props.someText}</p></div>;
}

Run Code Online (Sandbox Code Playgroud)

如果我知道someText会被渲染到一条线上有多宽以及线条的长度,我可以很容易地得出一个合适的元件高度估计值.

编辑:请注意,这是非常重要的性能,不应该触及DOM

html javascript text dimension reactjs

Sep*_*420

2016 12-22

20
推荐指数

1
解决办法

2万
查看次数

如何使用altgr +空格禁用不间断空格

我不小心输入altgr +空格而不是空格,这导致非阻塞空间和编译器错误.我绝对不需要在我的代码中使用所述字符而不是unicode符号,那么在Eclipse中改变这个特性的最佳方法是什么？或者,系统范围禁用它也可以.

我正在运行Eclipse Mars和Linux Mint 17.1 Mate

eclipse linux

Sep*_*420

lucky-day

11
推荐指数

1
解决办法

2627
查看次数

高度:100%无法在flexbox中使用flex-grow进行工作

蓝色框应该是100%的高度.当我设置像素高度时,它可以工作div.a,但不幸的是,这不是现实世界案例的选项.

这可能解释了一切:http: //codepen.io/anon/pen/jrVEpB

.a{
  background-color:red;
  display:flex;
}
.b1{
  flex-grow:0;
  background-color:green;
}
.b2{
  flex-grow:1;
  background-color:yellow;
  height:100%;
}

.c{
  height:100%;
  background-color:blue;
}

Run Code Online (Sandbox Code Playgroud)

<div class="a">
  <div class="b1">
    <p>hurr durr</p>
    <p>hurr durr</p>
    <p>hurr durr</p>
    <p>hurr durr</p>
    <p>hurr durr</p>
    <p>hurr durr</p>
    
  </div>
  <div class="b2">
      <div class="c">
          miksi et ole full height saatana
      </div>
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

Sep*_*420

2016 06-21

4
推荐指数

1
解决办法

1590
查看次数

无头镀铬的字距调整问题

运行一些涉及基于屏幕截图的断言的 selenium 测试并运行到以下问题：

出于某种原因，无头 chrome（ubuntu 16.04 上的 v69）搞砸了字距调整，因此屏幕截图最终完全不同，超过了我设置的 1% 阈值。

testing selenium google-chrome headless

Sep*_*420

lucky-day

3
推荐指数

1
解决办法

1029
查看次数

如何将流收集到 CopyOnWriteArrayList 中

我收到“不兼容的类型，必需：CopyOnWriteArrayList，找到：对象”，内容如下。我正在使用 IntelliJ 2016.1.1。

CopyOnWriteArrayList<Foo> l = fields.stream()
                                    .distinct()
                                    .collect(toCollection(CopyOnWriteArrayList::new));

Run Code Online (Sandbox Code Playgroud)

intellij-idea java-8 java-stream collectors

Sep*_*420

2016 09-21

2
推荐指数

1
解决办法

2283
查看次数

获取java.lang.IllegalArgumentException:比较方法违反了其一般合同!一种算法,应该100%稳定

不知道这怎么会变得不稳定.这在大多数情况下都可以正常工作,但是会抛出IllegalArgumentException和一些查询.

这就是全部,想不出更多相关细节.

private static void sortSearchResults(List<Map> l){
        Comparator<Map> comp = new Comparator<Map>(){
            public int compare(Map a,Map b){
                int aa=0,ba=0,as=0,bs=0;
                try{
                    aa = Integer.parseInt(""+a.get("activity"));

                }catch(Exception ex){
                }
                try{
                    ba = Integer.parseInt(""+b.get("activity"));
                }catch(Exception ex){
                }
                try{
                    as = Integer.parseInt(""+a.get("searchscore"));

                }catch(Exception ex){
                }
                try{
                    bs = Integer.parseInt(""+b.get("searchscore"));
                }catch(Exception ex){
                }


                if(as>bs)
                    return -1;
                else if(bs<as)
                    return 1;
                else{
                    if(aa>ba)
                        return -1;
                    else if(aa<ba)
                        return 1;
                    else
                        return 0;
                }

            }
            public boolean equals(Object o){
                return o==this;
            }
        };
        Collections.sort(l,comp);
    }

Run Code Online (Sandbox Code Playgroud)

java exception comparator illegalargumentexception

Sep*_*420

2014 01-16

0
推荐指数

1
解决办法

109
查看次数