首先,我应该说我的CSS技能很缺乏。

问题

我正在使用角度拖放指令-angular-drop-and-drop-lists。当我将其切换为要在其中拖动框的水平列表时,dndPlaceholder元素(即灰色框)的样式不会像我想要的那样。

朋克

http://plnkr.co/edit/1BuPv6Rr4HoaNgyRzB1t?p=preview

placeholder CSS

.simple-demo ul[dnd-list] .dndPlaceholder {
    display: inline-block;
    background-color: #ddd;
    min-height: 42px;
    min-width: 100px;
    margin: 1px;
}


屏幕截图





所需的分辨率

我想要的是dndPlaceholder与列表中的其他元素垂直对齐。红色方块标记所需的位置。

最佳答案

您只需要在vertical-align: bottom;样式规则中添加.dndPlaceholder

10-08 07:19