Html 如何在两个div之间对齐元素

我的网站（）上有两个容器，其中包含一些元素

---

如何使文本段落和按钮之间对齐？

您的按钮位于div的同一位置，因此这不是问题所在。 问题是整个部门本身

设计部门和慈善部门有不同的高度（580和590）

---

使两者相同，按钮将变得相同，与文本本身相同。（如果您编码得很好）

您的按钮位于div的同一位置，因此这不是问题所在。 问题是整个部门本身

设计部门和慈善部门有不同的高度（580和590）

---

使两者相同，按钮将变得相同，与文本本身相同。（如果您已经编写好了）

设计师和开发人员的

更高，因为文本是环绕的。移除慈善机构下的空

，并设置

高度：80px

（“设计师和开发人员”的高度），一切看起来都正常。

设计师和开发人员的

因为文本换行而更高。移除慈善机构下的空

，设置

高度：80px

（“设计师和开发人员”的高度），一切看起来都正常。

我增加了一个

页边：20pxp

，一切似乎都很完美。

我加了一个

margin top:20px

到慈善事业部的第一个

p

，一切似乎都很完美。

我建议使用4个div：其中两个用于实际文本和细节。另外两个只是按钮的容器。为两个文本div设置固定高度

<div id="left">
  <div class="text">
    <h2>Caption 1</h2>
    <p>Details are here</p>
  </div>
  <div class="button_container">
    <div>Button</div>
  </div>
</div>
<div id="right">
  <div class="text">
    <h2>Caption 2</h2>
    <p>Details are here, and are much longer than the ones in the first div so that the text wraps.</p>
  </div>
  <div class="button_container">
    <div>Button</div>
  </div>
</div>

---

如果你最终嵌套了两个固定大小的div，你应该考虑使用表，或者使用与所提供的格式化系统类似的网格系统。

< P>我推荐使用4个div：它们中的两个用于实际的文本和细节。另外两个只是按钮的容器。为两个文本div设置固定高度

<div id="left">
  <div class="text">
    <h2>Caption 1</h2>
    <p>Details are here</p>
  </div>
  <div class="button_container">
    <div>Button</div>
  </div>
</div>
<div id="right">
  <div class="text">
    <h2>Caption 2</h2>
    <p>Details are here, and are much longer than the ones in the first div so that the text wraps.</p>
  </div>
  <div class="button_container">
    <div>Button</div>
  </div>
</div>

---

如果你最终嵌套了两个固定大小的div，你应该考虑使用表，或者使用网格系统，比如你所提供的网格。

没有你的项目的jsFoDLE，它将很难帮助你，因为我们不知道你要对齐哪些元素，你到底想要在哪里，你尝试过什么，等等。在JSFIDLE中将您的项目链接到我们，您需要对齐的是什么？在我看来，站点上的元素都很好地对齐。如果没有项目的JSIDLE，将很难帮助您，因为我们不知道您必须对齐哪些元素，您希望它们精确地对齐在哪里，您尝试了什么，等等。请在JSIDDLE中将您的项目链接到我们，您需要对齐的是什么？网站上的元素看起来都很好地符合我。工作完美，谢谢！非常好用，谢谢！