垂直于div的

Question

.info-bg-section { 
 
    background: transparent url(../images/img.jpg) repeat fixed 0 0/cover; 
 
    position: relative; 
 
} 
 

 
.info-section-colored { 
 
    background-color: #3F3FB5; 
 
    padding: 100px 40px; 
 
}

<div class="info-bg-section dark-bg"> 
 
    <div class="container-fluid"> 
 
    <div class="row"> 
 
     <div class="col-md-4 info-section-colored"> 
 
     <p>Content 1</p> 
 
     <p>Content 1</p> 
 
     <p>Content 1</p> 
 
     <p>Content 1</p> 
 
     <p>Content 1</p> 
 
     </div> 
 
     <div class="col-md-8"> 
 
     <p>Content 2 </p> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

我想填充添加到本节（INFO-BG-部分）相符的内容。另外我想垂直对齐div中的内容。

我试图填充添加到div的，但是现在看来，这不是好主意

Answer 1

要垂直对齐的内容，您可以使用垂直对齐CSS属性。更多的信息可以在这里找到：https://www.w3schools.com/cssref/pr_pos_vertical-align.asp。

另一个想法，你可能或可能没有尝试过使用百分比填充。