html - 如何在父 DIV 中对齐水平 DIV？

Question

我想在父 div #main 中对齐水平 DIVS 并隐藏水平滚动我试着这样做:http://jsfiddle.net/Ty9kg/30/

<div id="main">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
</div>

#main {
    border:1px solid black;
    width:250px;
    height:150px;
    overflow-y:hidden;
    overflow-x:scroll;
}

    #main div {
        width:165px;
        height:120px;
        display:inline-block;
        float:left;
        background:#ccc;
        border:1px solid #ccc
    }

Answer 1

你想要the following ？

#main {
    border:1px solid black;
    width:250px;
    height:150px;
    overflow-y:hidden;
    overflow-x:scroll;
    white-space: nowrap;
}

#main div {
    width:165px;
    height:120px;
    display:inline-block;
    background:#ccc;
    border:1px solid #ccc;    
    white-space: normal;
}

如果是这样，float 在您的代码中是多余的。