gpt4 book ai didi

用于拖放 UX 的 CSS

转载 作者:太空宇宙 更新时间:2023-11-04 11:50:53 27 4
gpt4 key购买 nike

我应该先说我的 CSS 技能相当缺乏。

问题

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

笨蛋

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

占位符 css

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

截图

screenshot


期望的分辨率

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

最佳答案

您只需将 vertical-align: bottom; 添加到您的 .dndPlaceholder 样式规则。

关于用于拖放 UX 的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30649447/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com