css - 如何水平居中 Font Awesome 图标？

Question

我有一张 table Font Awesome图标，我想将文本左对齐和居中图标。 我尝试居中 <i>但不起作用:

HTML:

<td><i class="icon-ok"></i></td>

CSS:

td, th {
    text-align: left;
}
td i {
    text-align:center;
}

jsFiddle

我也试过设置text-align:center !important;但不起作用。我做错了什么？

Answer 1

添加你自己的 Font Awesome 风格

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 100%;
}

与你一起

td i {
    text-align:center;
}

应该只让图标居中。