Question

我正在尝试创建一个用于显示分配给项目的任务的UI，这一切都正常。我通常编写非UI内容，所以我迷失了，最后一部分。

我有一个容器用于项目“tiles”和填充容器的项目图块等很好，但是，我不能让它们继续水平地经过容器的RHS，我溢出-x作为滚动，这很好，但他们只是开始一个新的界限。

这是我的CSS

   .slane_RHS
            {   
            border:1px solid silver;
            border-radius:0px 5px 0px 0px;
            width:70%;
            margin-top:5px;
            background-color:rgb(240,240,235);
            margin-left:-1px;
            overflow-y:hidden;
            overflow-x:scroll;
            }
    .tile{
            width:100px;
            border:1px solid blue;
            display:inline-block;
            margin-left:5px;
            margin-top:1.5px;
            }

这是我的问题，我希望能够滚动以查看经过div端的磁贴，因为它们在垂直时会被隐藏。

Answer 1

您可以向父级声明white-space:nowrap;以防止内联块包装到下一行：

http://jsbin.com/kagabopiza/edit?html,css,output

将水平div添加到容器中，保持1行

1 个答案: