垂直對齊文本不適用於奇數行

我想vertical-align: middle我的行中的文本因此我區分奇數行和偶數行。下面的代碼適用於奇數行，但是當爲偶數行應用完全相同的代碼時，它們會立即轉換爲列。任何想法爲什麼？垂直對齊文本不適用於奇數行

.wrc_pricing_table div.package_caption ul li.feature_style_2 { 
 
    display: table-cell; 
 
    width: 217.8px !important; 
 
    height: 50px !important; 
 
    line-height: 1em !important; 
 
    text-align: center !important; 
 
    vertical-align: middle !important; 
 
} 
 
.wrc_pricing_table div.package_caption ul li.feature_style_3 { 
 
    display: table-cell; 
 
    width: 217.8px !important; 
 
    height: 50px !important; 
 
    line-height: 1em !important; 
 
    text-align: center !important; 
 
    vertical-align: middle !important; 
 
}

來源

2017-02-01 Elisap

你可以分享你的HTML？ –

尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**最好在[** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-可運行的JavaScript-CSS-和HTML的代碼段/）。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

@BrettDeWoody我沒有使用任何HTML，它實際上是一個wordpress插件我是隻需調整CSS來排列行，列，顏色，字體等，以適應網站的其他部分。我只是希望我的文本位於行的中間，但由於某種原因，它只適用於奇數行。 – Elisap

-1

.wrc_pricing_table div.package_caption ul li { 
} 

.wrc_pricing_table div.package_caption ul li:nth-child(odd) { 
}

來源

2017-02-01 11:17:00 grinmax

如果你解釋一些東西，這將是很好的，回答沒有任何意義，你想說什麼。 –

垂直對齊文本不適用於奇數行

回答

相關問題