Question

我尝试了很多不同的技术，以便将div垂直对齐到另一个div的底部，是否有人知道如何做到这一点？我尝试过很多东西，但似乎没有任何效果！：（

<div class="containerBlog"> 
    <div class="infoBlog">
    </div>
</div>

内部div是我代码中的一个cricle。

Answer 1

CSS：

.containerBlog { position:relative; }
.infoBlog { position:absolute; }

JS：

var container = document.querySelector(".containerBlog");
var info = document.querySelector(".infoBlog");

var cHeight = container.offsetHeight;
var iHeight = info.offsetHeight;

var top = cHeight / 2 - iHeight / 2;

info.setAttribute("style", "top:" + top + "px");

尝试类似的东西？

等等，我完全误解了你的问题。你只想把div放在父母的底部？

只需绝对定位即可。

CSS：

.containerBlog { position:relative; }
.infoBlog { position:absolute; bottom:0; }

Answer 2

您可以在css中使用显示表和垂直对齐技术

.containerBlog {
  display:table;
  vertical-align:middle;
 }
.infoBlog {display:table-cell;}

我不知道我是否清楚，请告诉我这是否有助于你

如何在另一个div中垂直对齐div

2 个答案: