更改“顶部”值时，文本不停留在父div内

Question

我有一些图像想要显示在文本后面，并且希望文本在父div的中心居中（水平和垂直居中），但是每当我将“ top”值更改为50％时，文本就会跳转到页面顶部位于其父div之外。

我正在使用Bootstrap。

|a b c|

.row_comm {
        .community-body{
          position: absolute;
          top: 50%;   
        }
        img {
          display: block;
          width: 100%;
        }
    }

Answer 1

您需要分配相对于community-block的父级的位置，因此在这种情况下，请将row_com设置为position: relative。

Answer 2

将position:relative添加到主父元素中，并添加一个宽度以包含内部绝对值。