爲什麼jQuery圖標不能與文本對齊CSS屬性對齊？

我使用一些jQuery UI圖標作爲表格中的列標題。跨度不基於文本對齊屬性對齊，我無法找到合理的解決方法。爲什麼jQuery圖標不能與文本對齊CSS屬性對齊？

我試過使用CSS中的text-align屬性和th的align屬性，並且圖標跨度不居中。相反，它保持左對齊。

HTML

<th align="center" scope="col" style="width:100px;"><a href="javascript:__doPostBack('RuleGrid','Sort$5')"><span class="ui-state-default ui-icon ui-icon-locked"></span></a></th>

CSS

th 
{ 
    text-align:center; 
}

我有一個jsFiddle描繪的問題。

來源

2012-04-04 Rondel

嘗試text-align：center;在跨度本身 – 2012-04-04 21:41:08

@DavidBélanger跨度上的文本對齊中心也不起作用。我也嘗試過 – Rondel 2012-04-05 13:43:09

這似乎只是在IE瀏覽器中的一個問題，鉻和火狐渲染正確。您可以刪除span標籤，而只需將類放到標籤上。我只是添加了樣式「margin：0 auto」，它解決了IE中的問題。

乾杯。

<th scope="col" align="center" style="width:100px;"> 
    <a href="javascript:__doPostBack('RuleGrid','Sort$5')" class="ui-state-default ui-icon ui-icon-locked" style="margin:0 auto"/> 
</th>

來源

2012-04-04 20:54:36

爲什麼jQuery圖標不能與文本對齊CSS屬性對齊？

回答

相關問題