css - 使用溢出隐藏使内容不换行

Question

我要这个 ：

但我明白了：

使用它来设置包含 div 的样式：

.option {
    display:inline-block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    margin:10%;
}

其余的在这里什么都没有：http : //jsfiddle.net/n2LtN/

什么不见​​了？

Answer 1

我通过使用 display:inline-block而​​不是display:inline, without来修复它floating：

span, input[type="checkbox"] {
    display:inline-block;
    *display:inline; /*That's for IE*/
    *zoom:1; /*That's for IE*/
    width:auto;
}

见工作小提琴。

Answer 2

float:left从中 删除span, input[type="checkbox"]

您应该阅读 float 的工作原理。