使用隐藏溢出使内容不包装

Question

我想要这个：

但我明白了：

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

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

其余的是 nothing ：http://jsfiddle.net/n2LtN/

缺少什么？

Answer 1

我使用display inline-block而不是display:inline修复了它，没有floating：

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

查看工作fiddle。

Answer 2

从float:left

中删除span, input[type="checkbox"]

你应该读一下浮点运算的方式。