如何在每个上方放置两个div

在HTML中，要在每个上方放置两个div，可以使用以下方法：

使用CSS Grid布局：

<!DOCTYPE html>
<html>
<head><style>
  .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .box {
    background-color: #4CAF50;
    padding: 10px;
    font-size: 15px;
    text-align: center;
  }
</style>
</head>
<body>

<div class="container">
  <div class="box">Div 1</div>
  <div class="box">Div 2</div>
</div>

</body>
</html>

使用Flexbox布局：

<!DOCTYPE html>
<html>
<head><style>
  .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .box {
    background-color: #4CAF50;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    width: 45%;
  }
</style>
</head>
<body>

<div class="container">
  <div class="box">Div 1</div>
  <div class="box">Div 2</div>
</div>

</body>
</html>

这两种方法都可以在每个上方放置两个div，并且可以根据需要进行调整和定制。

如何在每个div之上放置两个div

css、html

有没有办法从同一个点开始绘制div？这意味着如果我添加了新的div，然后又添加了另一个div，它们将出现在彼此的上方。因为我想把它们都移到同一个点上。CSS： display : inline left:50px;HTML： <div id='num1'></

浏览 0提问于2009-12-03得票数 33

回答已采纳

1回答

如何在WordPress中将标题图像放在导航上方

php、wordpress、css

我在()上使用了主题女妖怪，但我不知道如何在导航上方放置一个标题图像(如所示)。我想要我的徽标，以及电话号码，上面的导航我的WordPress网站等。我假设我必须更改PHP头文件，但不确定如何更改。

浏览 1提问于2014-04-11得票数 0

1回答

如何在核心数据中使用搜索栏？

xcode、search、core-data、uisearchbar

如何在核心数据中使用搜索栏？我有一个搜索栏出现在上方的桌面视图，但目前它不工作，我需要能够通过一个餐饮列表搜索，我对xcode相当新手，所以如果你能给出详细的答案，如放置代码的方法等，将非常感谢

浏览 0提问于2012-07-30得票数 0

7回答

我需要在这里修改我的CSS

html、css

width: 500px; /* height:500px; */ 如果我加上 all the content <Image>如果我在内容中添加边栏，则图像将显示在内容下面

浏览 7提问于2012-04-05得票数 0

回答已采纳

2回答

使用css检查无线电按钮时影响div

css、radio-button、selector、checked

活动无线电按钮必须放置在容器的中间(垂直)。该等无线电按钮须整体移动，即如选择顶部的无线电按钮，则须将另外两个按钮分隔在其下方；如选择中间的无线电按钮，则须将其他无线电按钮放置在所选无线电按钮的上方及下方。<div id="extracontainer"><radiobutton 1 + label><radiobutton 3 + label>

浏览 0提问于2013-01-03得票数 0

2回答

将按钮放在与表格右侧对齐的表格上方

html、css、layout

如何将按钮放置在靠右对齐的表格上方？ Add:我忘了:桌子应该是左对齐的。

浏览 4提问于2011-07-07得票数 3

回答已采纳

1回答

如何在创建dijit.tooltipdialog时设置职位。

javascript、position、tooltip、dojo

作为标题，我不知道如何设置相对于Dom的位置dijit.tooltipdialog，它使用"orient()“吗？但是如何设置orient()的参数。如果不使用orient()，请告诉我应该使用哪一种。谢谢。

浏览 0提问于2014-01-21得票数 2

4回答

如何并排放置两个<div>元素？

css

我想要并排放置两个<div>元素，如下所示：| navigation | content |我希望导航<div>和所需的一样大，但不要更大(收缩到合适的行为)。然后，content <div>应该会填充剩余的空间。如何在不指定百分比比例(如20% / 80% )的情况下使用CSS实现此定位？

浏览 10提问于2010-08-10得票数 4

回答已采纳

2回答

引导器为col做父级

css、twitter-bootstrap

我想在一行和包含的col之间创建一个父div，如： <div class="row"> <div c

浏览 1提问于2015-09-07得票数 1

回答已采纳

1回答

如何在表示相同标签的每个标记上设置标题

python、matplotlib、label、legend、markers

我在下面的图中有一个传奇的第一个版本：使用以下代码：如您所见，我为标记和列的每一列都放置了一个标题(k_max = 0.3和k_max = 1.0)。现在，为了避免这种冗余，我正在尝试合并所有重复的标签，同时通过执行以下操作来保留每个标记的标题：这样，我得到了以下数字：然后，会出现两个问题： 1)与上图相比，两个标记之间的间距太小:如何在标记之间插入更大的间距和标记本身的更大长度(例如，为虚线标记设置4条虚线，就像我帖子开头的第一幅图的图例中的4条虚线标记一样)

浏览 36提问于2020-07-22得票数 9

回答已采纳

2回答

在Woocommerce单一产品中，在简短描述结束后添加div

php、html、wordpress、woocommerce、product

我需要对Woocommerce单一产品页面进行一些样式化:我需要在价格(在add to cart按钮上方移动)、在股票状态、add按钮和meta数据周围设置一个边框。因此，基本上，这些项目周围有一个可视边框：因为它们不在一个特定的div中，所以我需要在它们周围放置一个新的div。如何在上面提到的项目周围添加这个div？

浏览 0提问于2018-08-31得票数 1

回答已采纳

3回答

以2 div为中心的浮点图像

html、css

我正在尝试为页面实现以下设置，其中在两个div上方的中间有一个左、右div和一个“浮动”图像：我尝试过给img1一个z-index和一个position: relative (或者position有关于如何在这两个div上方浮动图像的方法，居中吗？CSS HTML

浏览 6提问于2017-03-13得票数 0

回答已采纳

1回答

如何使用attr- Javascript/CSS的标题为工具提示添加css样式和数据放置property="top“

javascript、css

我想在图标上方悬停时添加一个工具提示，我想用一种简单的方式，我要添加标题属性来获得工具提示<div class="container"> <div class="row"> <div title="hovered text"data-placement="

浏览 2提问于2021-02-17得票数 0

1回答

我如何对齐按钮和输入同一行，并使其结果显示在这两条线下？

javascript、html、css

按钮在搜索栏的上方。当我点击按钮时，它会返回我的数据，就在搜索栏的上方。使结果显示在两个按钮下面。 <

浏览 4提问于2022-04-29得票数 1

2回答

div位置参数破坏滑块

javascript、jquery、html

我确实希望将滑块“相对”放置在我的网站中，但是如果我将css更改为position: relative;，滑块就不能正常工作了，因为它现在显示在另一个上方的渐褪色图像。为什么会发生这种情况，我如何在我的网站中定位滑块-div“相对”？我试过用另一个div层包装，但没有成功。

浏览 6提问于2014-03-20得票数 0

回答已采纳

1回答

不使用垂直空间对齐图像上的按钮

css、positioning

这会导致图片上方有空白处，按钮最初是在那里放置的。我想浮动按钮在照片上，如所示，但不“使用”上方的空间照片。我希望按钮的位置是绝对的，但仍然相对于它们的容器。还请注意，div.Image是使用自动左/右边框居中的。这使得不能使用position: absolute。

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

回答已采纳

1回答

如何将表单定位在元素之上

jquery-ui

每条消息都是一个div框。我已经给了每个框的id消息的id。表单的宽度和两个消息栏一样宽。但是，如果消息在右侧，我需要在左侧消息的开头和上方插入表单。Rails 3 js.erb

浏览 0提问于2011-08-10得票数 1

回答已采纳

2回答

一次查看超过1个月的jquery完整日历插件

jquery、fullcalendar

我使用的是全日历插件，我想要稍微修改一下--我希望默认的是月视图，但可以向下滚动并继续到下个月，有没有人知道有没有添加插件，或者无论如何都要开始编辑全日历了？

浏览 3提问于2012-06-24得票数 7

回答已采纳

1回答

将法律声明链接添加到模板底部

html、css

像许多网站一样，我希望在每个页面的底部放置法律通知。我知道如何链接，但不知道如何在版权上方嵌入以下内容而没有巨大的差距：有人能给点建议吗？0px; color: #fff; margin-top: 10px;HTML： <div</div>

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

回答已采纳

1回答

如何将点添加到多面板点阵图形bwplot？

r、lattice

然而，当我使用+和outer=TRUE制作一个多面板的bwplot时，我不知道如何在不同的面板中放置不同的点。此示例说明了我尝试的解决方案的问题，但解决方案不起作用。panel.points(x=c(.5,-.5), pch="x", cex=2) ) (结合使用outer=T和var1 + var2可以创建两个面板。我得到的是两个面板，每个面板上都有一个盒子和胡须的图。“x”放置在每个图的上方。在<e

浏览 3提问于2013-04-04得票数 0

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何在每个上方放置两个div

相关·内容

如何在每个div之上放置两个div

如何在WordPress中将标题图像放在导航上方

如何在核心数据中使用搜索栏？

我需要在这里修改我的CSS

使用css检查无线电按钮时影响div

将按钮放在与表格右侧对齐的表格上方

如何在创建dijit.tooltipdialog时设置职位。

如何并排放置两个<div>元素？

引导器为col做父级

如何在表示相同标签的每个标记上设置标题

在Woocommerce单一产品中，在简短描述结束后添加div

以2 div为中心的浮点图像

如何使用attr- Javascript/CSS的标题为工具提示添加css样式和数据放置property="top“

我如何对齐按钮和输入同一行，并使其结果显示在这两条线下？

div位置参数破坏滑块

不使用垂直空间对齐图像上的按钮

如何将表单定位在元素之上

一次查看超过1个月的jquery完整日历插件

将法律声明链接添加到模板底部

如何将点添加到多面板点阵图形bwplot？

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐