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垂直对齐

回答

相关问题