中心在td内对齐jquery ui-icon

前端之家收集整理的这篇文章主要介绍了中心在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中并从这里开始进行破坏中心课程: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样式做到这一点?

可能是指定保证金 – 左会更容易吗?

解决方法

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

猜你在找的jQuery相关文章