将jquery ui图标居中对齐到td内

我有这样的情况，使用gQGrid：

<td role="gridcell" style="text-align:center;" title="" aria-describedby="BaseBetsGrid1_approved">
<span class="ui-icon ui-icon-closethick"/>
</td>

但这是没有帮助的

我如何用最少的css样式做到这一点

---

可能指定左边距会更容易些？

我只能建议问题来自跨度。它不是块元素。因此，请尝试将此CSS添加到它

background-position:center; 
display:inline-block;

---

这样，SPAN将占据整个TD，在本例中，作为SPAN背景图像的图标将居中。

当我写此答案时，这个问题已经九个月了，我希望这个解决方案至少能帮助下一个需要解决此问题的人

我正在使用jQueryDataTables插件，今天看到这一页时，我正试图找到这个问题的解决方案

我尝试了Yasen的建议，我实现了如下所示：

<td><span class="ui-icon ui-icon-folder-collapsed" style="background-position:center; display:inline-block;"></span></td>

当我从中删除类时，ui图标不再居中

经过进一步测试，我确定以下实现是将jQuery ui图标居中的正确解决方案：

<td style="text-align: center;">
    <span style="display:inline-block;">
        <span class="ui-icon ui-icon-folder-collapsed"></span>
    </span>
</td>

很高兴我听到了！祝你好运试试这个

<span style='display:block; margin: 0 auto;' class='ui-icon ui-icon-check'></span>

text-align: center;

<td style="text-align: center;">
    <span style="display:inline-block;">
        <span class="ui-icon ui-icon-folder-collapsed"></span>
    </span>
</td>

<span style='display:block; margin: 0 auto;' class='ui-icon ui-icon-check'></span>