CSS Valign不同的文本行跨度

我目前正在爲一個我的網站的頁面使用標籤式佈局，而我在不同標籤中垂直對齊文本時出現問題，因爲它們中的一些跨越一行，一些跨越兩行。我需要將文本放在每個選項卡的中間，並且不要讓文本與第一行對齊。CSS Valign不同的文本行跨度

到目前爲止，我已經嘗試過Valign和Line-height，但它們不是很有幫助。

2012-08-10 user1590687

請發佈您需要幫助的代碼。否則，你會得到像嘗試這樣的建議並嘗試。通過代碼，我們可以給你一個明確的答案。 – j08691 2012-08-10 15:48:06

你應該使用vertical-align: middle，但要意識到，爲了使所要附加您需要使用display: table-cell。

例如，如果你使用類似這樣的HTML結構的東西：

<div class="container"> 
    <span>Some Text</span> 
</div>

然後，你可以得到想要的定心使用：

.container { 
    text-align: center; 
    display:table-cell; 
    vertical-align:middle 
}

這裏是一個JSFiddle例子。

此

來源

2012-08-10 15:52:47

如果您需要的文本爲中心的垂直和水平方向，使用：

text-align: center; 
vertical-align: middle;

valign是td元素的HTML屬性，所以它可能不會運行在你的「標籤」

來源

2012-08-10 15:46:53 Samuel

我不知道爲什麼，但縱向排列對文字無任何影響 height：32px; text-align：center; font-weight：bold; font-family：arial，sans-serif; font-size：14px; \t \t \t min-height：2em; padding-top：12px; 這就是我到目前爲止 – user1590687 2012-08-10 15:49:24

@ user1590687如果您發佈您的HTML和CSS，則遇到問題，我們可以更好地幫助您將文本居中 – Samuel 2012-08-10 15:50:16

使用行高前）的line-height：20px的

來源

2012-08-10 15:51:57 extremeFE

這將使文本居中，但它可能會導致多行文本中斷，行的 – Samuel 2012-08-10 15:52:41

一個真正有用的讀取是understanding vertical align。

我假設你在討論每個選項卡上的標籤。您可以使用該頁面的技巧之一，並將標籤文本置於內部容器中居中。

關閉我的頭頂，你試過了嗎：
line-height:100%;？這可能會將行高設置爲父級的高度，或者可能會填滿屏幕;不確定。

來源

2012-08-10 15:56:54 user1590709

CSS Valign不同的文本行跨度

回答

相關問題