将两个div移到中心，其中一个是另一个的克隆

要将两个div移到中心，其中一个是另一个的克隆，可以使用CSS和JavaScript来实现。

首先，需要创建一个HTML文件，包含两个div元素。其中一个div元素是另一个div元素的克隆。

<!DOCTYPE html>
<html>
<head>
    <style>
        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        .box {
            width: 200px;
            height: 200px;
            background-color: #f1f1f1;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="box">Original Div</div>
        <div class="box">Cloned Div</div>
    </div>

    <script>
        window.onload = function() {
            var originalDiv = document.querySelector('.box');
            var clonedDiv = originalDiv.cloneNode(true);
            clonedDiv.innerHTML = 'Cloned Div';
            document.querySelector('.container').appendChild(clonedDiv);
        }
    </script>
</body>
</html>

在上述代码中，我们使用了flex布局来实现将两个div元素居中显示。通过设置.container的display: flex，justify-content: center和align-items: center属性，可以使其水平和垂直居中。

通过JavaScript，在页面加载完成后，我们使用cloneNode(true)方法克隆了原始div元素，并将其添加到.container中。我们还可以通过设置clonedDiv.innerHTML来修改克隆div的内容。

这样，两个div元素就会被移到页面的中心位置。

在腾讯云的产品中，可以使用云服务器（CVM）来托管网站，并使用云数据库MySQL来存储数据。您可以通过以下链接了解更多关于腾讯云的产品信息：

将两个div移到中心，其中一个是另一个的克隆

、、

我正在尝试将两个div移到页面的中心。右div是左div的克隆(左div的图像被克隆到右div中)。当我试图用' left :100px‘来移动左边的div时，右边的图片被扭曲了。如何将这两个div移到中心。请看

浏览 21提问于2016-09-13得票数 0

回答已采纳

2回答

如何获取放置元素的div的id？

、、、

我有两个div(容器)，一个div克隆可拖动的白色背景和一个来自mysql的黑色div可拖动(比方说)。当我把黑色的div从当前的div父目录移到下一个目录时，我想让它有一个变量insite stop:function，它能给我新的div的id。请告诉我具体该怎么做。在这个stop:function中，我有两个

浏览 0提问于2011-07-26得票数 0

2回答

应用从回购到其叉子的更改？

、

因此，我最初克隆了一个回购程序，认为我不会做任何修改，最终决定将我自己的副本分给个人使用(这是一个dotfiles回购)。如果我想继续从叉中进行更改，那么最干净的方法是将本地提交从最初的克隆复制到分叉回购？我的电脑上现在有两个回复，一个是原始回购的克隆，另一个是同一个回购的叉子。我对<

浏览 0提问于2015-09-24得票数 6

回答已采纳

1回答

垂直居中的flex项上方的文本

、、

我有两个div，一个是标题，另一个是内容。如果我这样做，内容会被推开中心，因为柔性盒在两个方向上都在增长，因此内容div不再位于垂直中心。我尝试使用一个3行的网格，但是它没有足够的响应并导致溢出，但是它实现了我想要的结果。红色div的垂直中心

浏览 2提问于2022-09-14得票数 0

1回答

在较大视图中克隆图片和图像的另一种方法

、

我正在做一个项目，其中将有一个图库，我从flickr api服务带来的照片。1.克隆:单击克隆按钮应复制镜像。2.展开:单击图像应以更大的视图显示此图像如何在不使用“react-modal”的情况下放大图像？ }; return (

浏览 5提问于2019-07-15得票数 0

回答已采纳

2回答

制作2个固定宽度的浮式电视中央屏幕。

、、、

我有两个固定宽度的div，第一个是‘主盒’，另一个是‘另一个盒子’。还有别的办法吗？

浏览 3提问于2014-04-18得票数 1

回答已采纳

1回答

在具有两个硬盘驱动器的双引导系统上克隆磁盘

、、、

我有一台双引导台式电脑，有两个ssd驱动器:第一个是Windows10，第二个是Linux Fedora。如何在不丢失双引导功能的情况下将Win10磁盘克隆到新磁盘？

浏览 7提问于2020-11-24得票数 0

2回答

2个不同大小的div居中

我有一个div位置的问题。我的参考网站是；这个是可能的吗？快速编辑；我画了一张图来更好地说明我的

浏览 1提问于2011-07-27得票数 0

2回答

如何防止在远程裸存储库中获取特定的标记或分支？

、、、、

可能重复：是否有可能锁定特定的标记或分支，从而无法获取它们？

浏览 2提问于2011-03-25得票数 0

回答已采纳

1回答

cassandra数据中心可以配置为仅复制接收器吗？

假设我们有两个卡桑德拉数据中心。其中一个是生产环境和良好的安全性，另一个是测试环境，易于破坏，因此不可信。我们希望数据复制，但只从生产环境传播到测试环境，反之亦然。是否有任何方法将一个数据中心配置为从：不接收来自另一个的复制数据，并恢复不受信任的更改？它应该是一个只读实例，它只接收来自其他数据中心的数据.如果有人破坏了测试环境，我们不希望生产环境接收任何被操纵<

浏览 3提问于2019-03-20得票数 0

回答已采纳

1回答

如何在git中添加本地上游？

、

我有两个由GitHub托管的克隆人。一个是存储库的只读克隆，另一个是我的叉的读/写克隆。我有更改，我打算在叉克隆上提交一个拉请求。但是为了进行测试，我想将它在本地合并到我的只读克隆中，这其中有我之前做过的一些不适合使用的更改。如何设置一个克隆，以便能够从另一个<e

浏览 2提问于2012-06-15得票数 0

回答已采纳

1回答

在GitHub for Windows中，当“停止跟踪此存储库”菜单项灰度化时，如何停止跟踪存储库？

、

在我的GitHub for Windows中，有两个存储库总是出现在GitHub存储库的列表中。一个是我创造的。另一个是我很久以前就不看的一个项目。我想从GitHub的GitHub repos列表中删除这些项目。我试过克隆这个项目。

浏览 1提问于2014-01-29得票数 1

回答已采纳

1回答

用最简单的方法将一个项目居中，另一个项目对齐到右边

、

我有一个有两个元素的容器。我希望其中一个是水平居中，而另一个是对齐，右/推到容器的右侧。我尝试使用FlexBox并为应该是居中的元素设置margin: auto;，但这使得它的左右边距完全相等，这意味着由于第二个元素占用了一些空间，它不是完全中心的(参见代码段)。 width: 50px; background-color: #16a085; #el

浏览 4提问于2021-12-24得票数 0

3回答

CSS div与垂直居中的一侧重叠

、、、

浏览 4提问于2012-11-10得票数 0

1回答

使用css定位元素

、、、

我有三个div，其中有两个元素，一个是图像，另一个是另一个div中的h3标记。我已经创建了一个类，用于将h3标记定位到图像的中心。然而，当我将类应用于这些div时，h3位于中心，而不是在第一个div的情况下，它位于图像上方。"> <div class="ta

浏览 0提问于2018-03-30得票数 0

1回答

使jQuery可在其他行中可见

、、

我创建了一个日历样式的屏幕，其中每个房间在页面上向下移动，列(针对时间)水平移动。将每个房间div设置为overflow:hidden。我想让条目成为可拖放的，这样它们就可以从一个时间/房间移动到另一个时间/房间。问题是，当拖动它们时，它们不会移出它们所在的Room div，而是隐藏在它的边界下，很可能是因为溢出:隐藏。我没有时间重写屏幕的布局，有什么方法可以让它们拖出div并拖

浏览 0提问于2012-08-02得票数 0

回答已采纳

6回答