jquery - 在TD内居中对齐jQuery UI-icon

我有这种情况，使用gQGrid:

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

我怎样才能做到这一点？

我试图将其包装到div中，并从此处获取wraptocenter类:http://www.brunildo.org/test/img_center.html

<style type="text/css">
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
</style>
<!--[if lt IE 8]><style>
.wraptocenter span {
    display: inline-block;
    height: 100%;
}
</style><![endif]-->

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

但这是没有帮助的。

我如何用最小的CSS样式来做到这一点？

也许指定margin-left会更容易？

最佳答案

试试这个...

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

关于jquery - 在TD内居中对齐jQuery UI-icon，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6764655/