如何垂直對齊CSS列中的文本？

-2

使用CSS列時，是否可以垂直對齊文本？例如，如果我想讓每列中的文本與頂部，中間或底部對齊？如何垂直對齊CSS列中的文本？

我一直在使用垂直對齊嘗試過，但似乎沒有一個無序列表上工作，或者它的項目：

HTML

<div class="nav-banner__list-wrapper"> 
    <ul class="nav-banner__list"> 
    <li class="nav-banner__list-item">Some Item</li> 
    <li class="nav-banner__list-item">Some Item</li> 
    <li class="nav-banner__list-item">Some Item</li> 
    <li class="nav-banner__list-item">Some Item</li> 
    </ul> 
</div>

CSS

.nav-banner__list { 
    vertical-align: center; 
    column-count: 2; 
    width: 70%; 
    margin-left: 20px; 
} 

.nav-banner__list-item { 
    vertical-align: center; 
    list-style: none; 
}

來源

2016-10-21 hidace

任何代碼？你有沒有嘗試其他的東西 – MatejMecka

可能的重複[如何垂直對齊我的列中的文本？]（http://stackoverflow.com/questions/9051358/how-to-vertically-align-text-in-my-columns） –

@UnknownDeveloper道歉，用上面的代碼示例更新。 – hidace

使用display：flex;和align-items：center; propethy。

來源

2016-10-21 18:41:10

如何垂直對齊CSS列中的文本？

回答

相關問題