跨度顯示文字中間

我想我的文字是SUN，MON要顯示vertical-align:middle;但仍然沒有運氣。目前文本位於左上角。我的編碼有什麼問題？我該如何解決這個問題？跨度顯示文字中間

<td colspan="2"> 
    <span id="selectable"> 
     <span style="width:35px;height:35px;display:inline-block;" class="ui-widget-content">SUN</span> 
     <span style="width:35px;height:35px;display:inline-block;" class="ui-widget-content">MON</span> 
    </span> 
</td>

感謝您的幫助。

來源

2013-10-18 user2699175

對於文本內<span>垂直對齊需要設置line-height而不是height：

line-height: 35px;

vertical-align:middle;作品裏面table-cell元素文本。它也影響inline-block元素的垂直位置，但不影響文本節點。

你可以找到這個在這裏一個很好的解釋：http://phrogz.net/css/vertical-align/

來源

2013-10-18 10:20:45 keaukraine

在這種情況下，您可以使用'line-height' *而不是*'height'。不需要重複... – awe

是的你是對的，在這種情況下，'height'規則是多餘的。我會更新答案。 – keaukraine

更新後我會給你*額外* +1，但這是不可能的; ;-) – awe

只是爲了保持完整性，line-height不一樣，如果你的文本換工作到兩行，而不是使用您<td>元素：

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

來源

2013-10-18 10:25:04 ediblecode

跨度顯示文字中間

回答

相關問題