css、jquery调整可拖动div之间的行
CSS和jQuery可以用来调整可拖动div之间的行。
CSS是层叠样式表（Cascading Style Sheets）的缩写，是一种用于描述网页上元素样式的语言。通过CSS，可以控制网页上的布局、字体、颜色、大小等样式。对于可拖动div之间的行，可以使用CSS的flexbox布局或者grid布局来实现灵活的行间调整。
jQuery是一个快速、简洁的JavaScript库，提供了丰富的API来简化HTML文档遍历、事件处理、动画效果等操作。通过jQuery，可以方便地操作DOM元素，实现拖拽、调整大小等交互效果。
要调整可拖动div之间的行，可以使用以下步骤：
- 使用CSS的flexbox布局或者grid布局来创建行和列的结构。这样可以实现灵活的布局，使得行和列可以自动调整大小。
- 使用jQuery的拖拽插件，如jQuery UI的拖拽功能，将可拖动的div元素绑定拖拽事件。通过拖拽事件，可以实现拖拽div元素改变其位置。
- 在拖拽事件中，可以通过计算鼠标位置和目标位置的差值，来调整其他行的位置。可以使用jQuery的CSS方法来修改行的位置。
- 可以使用CSS的过渡效果或者jQuery的动画效果，使得行的调整过程更加平滑。
总结起来，通过使用CSS的flexbox布局或者grid布局，结合jQuery的拖拽功能和动画效果，可以实现可拖动div之间的行的调整。这样可以提升用户体验，使得页面布局更加灵活和可定制。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS产品：https://cloud.tencent.com/product/css
- 腾讯云jQuery产品：https://cloud.tencent.com/product/jquery
相关·内容
1回答
css、jquery调整可拖动div之间的行
javascript、jquery、html、css
我已经在可拖动的div之间画了一条线。但是，当div被拖动时，该行丢失了它的源和目标点(即从一个div到另一个div)。我的目标是以这样的方式设置这条线，它不会丢失任何div的边缘，无论我在哪里拖动div，它都会动态地更新自己，即高度，旋转，位置。 对不起，我的英语不好。请帮帮我……！clas
浏览 24提问于2020-01-17得票数 1
回答已采纳
2回答
设置可拖动元素的位置
javascript、html、jquery、css
我有一个jquery函数，它允许元素是可拖动和可调整大小的，它工作得很好。我想要添加的是设置元素可以拖动和调整大小的位置。更具体地说，我想让我的元素在代码中两行(v1和vh)的空格之间可拖动。任何帮助都是非常感谢的。提前谢谢。 VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahU
浏览 28提问于2021-03-28得票数 1
回答已采纳
6回答
在IFrames上可拖动和可调整大小的JQuery (解决方案)
jquery、iframe、draggable、resizable
我最近在使用JQuery可拖动和可调整大小的插件时遇到了一些麻烦。为了寻找解决方案，我在许多不同的地方找到了一些非常零散的代码，最终找到了一个干净的解决方案，它似乎对我来说几乎是完美的。我想我应该把我的发现分享给其他人，如果他们也遇到这个问题的话。
我有一个包含和IFrame的div。此div必须是可调整大小和可拖动的<
浏览 0提问于2010-09-02得票数 21
回答已采纳
1回答
动态创建中的Jquery UI可拖动和可调整大小问题
jquery、laravel
我正在制作10个可拖动和可调整大小的框，但只有我的第一个框是可拖动和可调整大小的。<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jqu
浏览 1提问于2016-07-25得票数 1
1回答
从右边的固定位置调整元素大小的问题
css、resize、css-position、draggable
我有一个从窗口右边的固定位置开始的div，但是它是可拖动的(使用javascript)和大小(使用css)。问题是，如果首先调整div的大小(通过抓取右下角)，它将无法适当地调整大小。它将保持其固定的位置从右边，然后它将增长或收缩从左侧。但是，如果首先拖动div，则调整大小将按预期工作。以下是div的当前<em
浏览 1提问于2018-11-04得票数 4
回答已采纳
1回答
设置jQuery事件在可调整大小和可拖动之间切换
jquery、jquery-ui、jquery-ui-resizable
我的屏幕上有一个div框。我希望用户可以随时调整jquery框的大小，同时取消jquery可拖动事件，反之亦然。我为可拖动部分使用了一个插件，当我调整框的大小时，它会出现故障，所以解决方案是在我调整它的大小时取消可拖动事件。我尝试了下面的代码，但它不工作，我知道逻辑是不正确的。="j
浏览 1提问于2012-09-23得票数 0
2回答
调整div的大小并使其可拖放
javascript、jquery、html、css、jquery-ui
我希望div是可拖动的，当光标在调整大小的图标上时，div应该是可调整大小的。如果我使用可拖动的方法，并且只调整可拖动的大小是有效的，那么它没有可拖动的方法就能工作，但是我希望它可以移动，并且在光标处于可调整大小的
浏览 2提问于2017-04-25得票数 2
回答已采纳
1回答
可拖放jquery -拖动时调整大小选择器
javascript、jquery、dynamic、resize、draggable
我对Jquery拖放有问题，我想拖动一个DIV，在拖动的时候我会调整DIV的大小。Jquery似乎是在启动时计算选择器的高度/宽度，在调整大小之后，它将从一开始就计算高度/宽度，而不是实际的/live，如果我使用容器，它将不能正常工作。"option", "axis", "y");
$(&qu
浏览 1提问于2013-08-30得票数 0
回答已采纳
1回答
当同时在左上角和左下角应用拖动时，为什么可以调整大小，这会给我带来不想要的行为
javascript、jquery、css
我想同时为div应用可调整大小和可拖动，它应该包含在其父div中，但向左上角拖动并从西北、西、西南方向调整大小会使div变得无宽度.. <!/jquery-1.12.4.js"> <script src="https://code.jquery.com
浏览 14提问于2019-06-19得票数 2
回答已采纳
1回答
如何在不拖动的情况下触发drag()
javascript、jquery、jquery-ui、draggable
我使用的是jQuery UI，或者更具体地说是可拖动功能。有没有可能触发drag()并告诉元素移动/拖动到某个地方而不需要自己去做呢？类似于el.dragTo(position)。
提前感谢！编辑:我使用了draggable函数来调整大小。我在另外两个div之间有一个1px的薄div。当我在任一方向上拖动div时，都会根据我拖拽的量来调整</em
浏览 0提问于2012-11-01得票数 3
2回答
无法链接可拖动和可调整大小
jquery-ui
我在有一个图像，我想让它变得可拖动和可调整大小：1. //$('#clown').draggable();如果我只取消对第1行的注释，图像是可以拖动的。如果我只取消对第2行的注释，图像是可调整大小的</em
浏览 0提问于2013-06-26得票数 0
回答已采纳
3回答
你能用CSS和jQuery创建“连体矩形”吗？
jquery、css
是否可以使用CSS和jQuery创建一个具有以下特性的“矩形行”？-------+------------+ \ /
<--------------> <---------->
整个矩形行是可拖动的(可移动的)。拖动垂直边框，如果存在，则调整矩形的大小
浏览 3提问于2011-03-23得票数 2
回答已采纳
6回答
Jquery可拖动和可调整大小
jquery、jquery-ui-resizable、jquery-ui-draggable
5] = Math.round($('#imgA' + arrIndexID).position().top / currentScale);
});
如果去掉了可调整大小的线条，这会很好地工作，但我希望这些图像是可拖动和可调整大小的，如果我尝试让同一元素同时具有两个属性，我会得到有趣的行为，有谁知道如何做到这一点吗？
浏览 2提问于2011-02-10得票数 22
回答已采纳
1回答
如何将可调整大小的子div与其父母相匹配
javascript、jquery、html、css
我尝试将可拖动的、可调整大小的、可丢弃的jquery函数& flex css3属性组合在一起。<div class="flex-container">
<div class="flex-item&q
浏览 5提问于2014-04-24得票数 0
回答已采纳
1回答
保存html文件后，jqueryUI可调整大小无法工作
jquery、jquery-ui、jquery-ui-resizable
我的页面有一个按钮。单击该框后，将向页面上的某个区域添加一个框。这个盒子是可拖动的和可调整大小的。一切都正常。然后，我将我的html页面保存到我的计算机上。我打开保存的文件。但是现在，虽然盒子仍然是可拖动的，但它不再是可调整大小的。这就是问题所在。为什么会发生这种事？我该怎么解决呢？HTML：
浏览 3提问于2014-05-22得票数 0
回答已采纳
1回答
上传图像，然后使其可调整大小
javascript、jquery、html
我试图上传一个图像，然后显示在屏幕上，而它是可拖和大小。我将jquery用于可拖动和可调整大小的函数。问题是，可拖动的函数可以工作，但是可调整大小的函数会破坏一些东西，并且上传的图像不会出现。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquer
浏览 3提问于2020-02-07得票数 1
回答已采纳
1回答
jQuery draggable似乎不能正常工作
jquery、jquery-ui-draggable
"></div> </div></html>#container {60px; display: inline-block;}
height: 3
浏览 0提问于2017-09-04得票数 0
1回答
水平调整大小的Div，更新高度
html、resizable
:)如果可能的话，我需要一些帮助来做以下事情：在这个div里面是另一个包含该内容的div。我需要的是，只有当他们使其小于内容的宽度时，wrap1才会自动增加wrap1的高度，这样它就不会超出div div (目前它正确地将其强制到第二行，但div高度是错误
浏览 1提问于2011-03-30得票数 0
2回答
在jQuery中，如果我向div添加了一个可调整大小的功能，为什么它会添加一个奇怪的样式，我该如何修复它？
jquery、jquery-ui、jquery-plugins
我有一个点击函数设置，使div可调整大小。当我单击div时，样式有白色线条，并且全部空白，我猜这可能与jquery ui css文件有关？我该如何设计它的样式呢？尝试单击图像上的某个框。
浏览 0提问于2010-07-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
