html里不同的div对齐,Div对齐，避免在两个div中使用相同的html

最新推荐文章于 2024-05-21 09:56:22 发布

weixin_39913422

最新推荐文章于 2024-05-21 09:56:22 发布

阅读量305

点赞数

文章标签： html里不同的div对齐

本文探讨如何使用HTML和JavaScript实现两个div元素(fbox)在同一行并保持层级独立，同时避免图像重复。通过实例和JSFiddle展示如何控制图片拖放行为，确保图像仅在一个div中显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题是我想要第一个两个div(class =“fbox”)在同一行并在同一级别。我可以将图像拖到容器div。它重复的HTML，因为我想但我也想限制使用图像。例如，如果我已经在水平div中使用了第一个图像，那么我不希望该图像同时处于垂直div。我想从其他div中删除它。为了更好地阐述，我创建了一个jsfiddle。我是新的，所以请原谅，如果我没有正确解释一切。看一看，请让我知道我要去哪里错了。

感谢

$('#x').bind('dragstart', function(e) {

e.originalEvent.dataTransfer.effectAllowed = 'copy';

e.originalEvent.dataTransfer.setData('Text', '#x');

});

$('#y').bind('dragstart', function(e) {

e.originalEvent.dataTransfer.effectAllowed = 'copy';

e.originalEvent.dataTransfer.setData('Text', '#y');

});

$('#drop-box').bind('drop', function(e) {

e.preventDefault();

e.stopPropagation();