Question

我正在使用一些jQuery UI图标作为表格中的列标题。跨度不基于text align属性对齐，我无法找到合理的解决方法。

我尝试过使用CSS中的text-align属性和align的{{1}}属性，图标范围不会居中。相反，它保持左对齐。

HTML

th

CSS

<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>

我有jsFiddle来描述问题。

Answer 1

这似乎只是IE中的问题，chrome和firefox正确呈现它。您可以删除span标记，只需将类放到a标记上即可。我刚刚添加了样式“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>

为什么jQuery图标不能与text-align CSS属性对齐？

1 个答案: