css - div 而不是使用 table-tds

Question

我需要在不使用表的情况下使用 div 处理数据元素 - tds。我想一个一个地显示所有 div 而不会分解。如果 div 触及浏览器边缘，滚动条应该出现。你能建议我吗？请检查链接 - http://jsfiddle.net/VY978/

Answer 1

您可以使用 display:inline-block 与 white-space 的组合来代替 float。像这样写:

.mainBox{padding:3px;border:2px solid blue;overflow:hidden;white-space:nowrap;}
.content{
    width:100px;
    border:1px solid red;
    display:inline-block;
    *display:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
    white-space:normal;
    vertical-align:top;
}

检查这个http://jsfiddle.net/VY978/4/