小编Nat*_*ker的帖子

小提琴:https://jsfiddle.net/wa51kdh7/

码:

HTML:你好世界

<span class="span2">
    Goodbye cruel world
</span>

CSS:

span {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 16px;
    height: 16px;
}

.span1 {
    background-color: lightblue;
}

.span2 {
    background-color: pink;
    overflow: hidden;
    width: 130px;
    text-overflow: ellipsis;
}

在这里,我试图创建两个彼此相邻的跨度,其中只有一个溢出:隐藏,另一个不应该溢出:隐藏.出于某种原因,溢出:隐藏会影响高度,并且它们不会排列 - 即使我使用显式高度.

知道如何解决这个问题吗？

让我们说我有这样的标记:

<select>
    <option value="">Select</option>
    <option value="1">One</option>
    <option value="2">Two</option>    
</select>

现在,我希望当值为空时,即当显示"选择"时,下拉列表仅以灰色显示.当用户选择其中一个选项时,它应该是黑色/默认颜色.

(这与我的页面上具有灰色占位符的文本框在视觉上是一致的).

我想完成这样的事情:

select[value=""] {
    color: gray;
}

但事实证明,select标签实际上没有值属性.

除了使用JavaScript之外,还有什么办法可以实现

我有一个父div,它有-ms-transform:translateX(50%)translateY(40%); 位置:固定;

我的内心div有固定高度和溢出:auto

在IE9(只有真正的IE9)中,这会导致奇怪的滚动问题(它没有正确重绘).

任何人都面对这个,知道任何修复或解决方法吗？

这是用于演示此问题的代码:

<div style="-ms-transform: translateX(50%) translateY(40%); position: fixed;">
    <div style="height: 300px; width: 300px; overflow-x: hidden; overflow-y: auto;">
        foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo …

谁能解释为什么这些操作产生这些结果:

(我知道第一个与字符串基于数组有关,但'基于'的含义是什么意思,它在内部是如何工作的)

[] + [] = ""

[] - []= 0

[] + {} = "[object Object]"

[] - {} = NaN

{} + {} = NaN

{} - {} = NaN

{} + 1 = 1