Question

无法将类dragme项目放在水平滚动中。它们垂直显示

这是我的代码

.dragme
    {
        border: 5px solid #ccc;
        padding: 5px;
        min-height: 100px;
        width: 430px;
       overflow-x: scroll;
    overflow-y: hidden;
    height: 50px;
white-space:nowrap
    }

这是Fiddle

Answer 1

你应该试试这个： -

添加此课程

.ui-draggable{
    display: inline-block;
    float: left;
    margin-right: 5px;

}

<强> Updated

Answer 2

在班级float: left

中添加ui-draggable

.ui-draggable{
    float: left;  
    padding: 2px; /* to make space bw the images */
}

无法将类dragme项目放在水平滚动中

2 个答案:

的 Demo