垂直居中多行[重复]

Question

我需要将li 的内容垂直居中，所以我所做的是lineheight，它可以工作，但问题是当我有多行时，这种技术不再有效，我can't modify@ 987654324@，因为这是教授给出的约束。所以我真的用完了解决方案。

这是HTML 和Css

    li
    {
    
        
    	list-style-type:none; 
    	border-bottom: 1px solid #e0e0e0;
    	height: 55px;
    	display: inline-block;
        vertical-align: middle;
        width: 100%;
        line-height: 55px;
    
    }
    ul
    {
    	list-style : none;
    	 
    }

<ul>
    	<li>
             The 2015–16 UEFA Champions League was the 61st season of Europe's premier club football tournament organised by UEFA, and the 24th season since it was renamed from the European Champion Clubs' Cup to the UEFA Champions League
          
       </li>
  
    </ul>

Answer 1

.parent {
  display: table;
  height:  260px;
  width:   180px;
  padding: 10px;
  border:  2px solid darkgray;
}
.parent li {
  border:1px solid blue;
  display:        flex;
  vertical-align: middle;
  padding:8px;
}

<ul class="parent">
  <li>Something about Footbal</li>
  <li>Something about Footbal</li>
  <li>Something about Footbal</li>
</ul>

子元素的位置与其父元素的display属性有关。如果父级将拥有display:table，则子级将拥有display:table-cell 和vertical-align:middle。

我们有更多示例here 和here