對齊文本中心的分區

你好這裏的一個小問題，我努力修復。試圖垂直對齊，沒有喜悅，並且跑出了想法。對齊文本中心的分區

你可以看到爲什麼頭版塊HERE

下面的圖片標題坐在實現這一區域的頂部時，標題只佔用一行。我希望讓它出現在圖片和下面的組標題之間的那個區域的中間。任何人都可以提出建議嗎

感謝

ul.views-fluid-grid-items-center li.views-fluid-grid-item { 
     background: none repeat scroll 0 0 black; 
     position: relative; 
    } 

    li.views-fluid-grid-item .views-field-title { 
     padding: 0 4px; 
    }

來源

2013-04-18 Reg Gordon

什麼標題和什麼圖片。 –

看看這個[顯示如何垂直居中多行文本的鏈接]（http://css-tricks.com/vertically-center-multi-lined-text/） – soyuka

正如我標記，都在你的網站上的黑色部分是固定的高度，只是用display: table-cell與vertical-align: middle一起，你是好去

li.views-fluid-grid-item .views-field-title a { 
    color: #AAAAAA; 
    display: table-cell; 
    height: 40px; /* Fix appropriate height here */ 
    vertical-align: middle; 
}

來源

2013-04-18 16:06:03

單行文本不居中對齊。在父級上添加'inline-block'，一個'.field-content'和一個'text-align：center'。 – soyuka

感謝您的全力幫助。生病了，請閱讀，並在一秒鐘內恢復。 tx –

@RegGordon歡迎您:) –

你可以添加line-height: 37px;到li.views-fluid-grid-item .views-field-title a

但是然後你將不得不切斷兩行文字。

編輯：我會留在這裏作爲參考，但我更喜歡先生外星人的回答

來源

2013-04-18 16:06:16

如果文本不在單行中，該怎麼辦？ –

似乎對單行和雙行的Alien先生感謝你自己。我的頭銜長度有限，迄今爲止非常好。啊，我看到你和丹尼先生說話了。謝謝丹尼。感謝soyuka。我也添加了代碼，這很好。我也會去閱讀你的鏈接。我慢慢拾起css。只採取了我7年。 –

對齊文本中心的分區

回答

相關問題