SPAN的CSS垂直對齊

我似乎無法將我的真實基本代碼中的跨度垂直對齊。SPAN的CSS垂直對齊

這裏是CSS：

.BigGreyTitle {font-size: 22px; 
    color: #676767; 
    font-weight: bolder; 
} 

.f1 { 
    font-size: 12px; 
    font-family: arial,'Lucida Grande','Bitstream Vera Sans',verdana,sans-serif; 
} 

.mainlink-u a { 
    color: #EF3834; 
    text-decoration: underline; 
}

下面是HTML標記：

<table cellpadding="0" cellspacing="0" border="0" style="width:100%"> 
    <tr> 
    <td class="BigGreyTitle" align="left">All Members In Montana</td> 
    <td align="right"> 
    <span><img src="http://www.coalprepdir.com/images/schemes/red/ret_arrow.png" style="border:none" alt=""/></span> 
    <span style="padding-left:5px" class="f1 mainlink-u"><a href="distribution_us_stats.asp">Go Back To US Distribution</a></span></td> 
    </tr> 
</table>

請看：http://jsfiddle.net/sJA92/

任何幫助，讓這些垂直對齊，將不勝感激。。

謝謝！

來源

2013-05-01 neojakey

垂直排列的怎麼樣？ – Godwin 2013-05-01 16:15:49

你可能不得不用邊距來調整它。 – 2013-05-01 16:17:03

添加規則將圖像垂直對齊到中間。

img { 
    vertical-align:middle; 
}

jsFiddle example

來源

2013-05-01 16:26:32 j08691

非常感謝，完美的解決方案..！ – neojakey 2013-05-01 16:34:27

span { 
    vertical-align: top; 
}

http://jsfiddle.net/sJA92/1/

對於垂直對齊（基線，中，底...）的另一個層面則需要與填充和利潤率進行調整。

來源

2013-05-01 16:19:19 Arbel

我認爲你需要浮動跨度。我設置td也對齊中間。請參閱此鏈接：

http://jsfiddle.net/sJA92/6/

td{ 
    vertical-align:middle 
} 
td span{ 
    float: left 
}

來源

2013-05-01 16:39:36

SPAN的CSS垂直對齊

回答

相關問題