为什么我的图像没有对准中心？

Question

即使我声明了css inline，我也无法弄清楚为什么标签之间的图像无法与中心对齐，但是优先级却无法正常工作。

我已经在<style>标记中声明text-align为左，但是我只希望这个特定的标记使居中对齐，而不希望其他对齐。

这是我的html，

<td class="ospy_td" style="background-color:#ddd;border-bottom-left-radius:5px;style=text-align:center">
    <label class="ospy_lab" style="text-align:center">
        <img id="bt" src="img/bt.png" width="30" height="29" />
    </label>
</td>

这是我的CSS，它是在同一html页面的标记中定义的，

.ospy_td, label {
    text-align: left;
    vertical-align: middle;
    cursor: default;
    font-weight:normal;
    color:#0066c0;
};

Answer 1

我在CSS和html元素的用法中看到了几个错误。

但是引发问题的一个是style= inside style属性：

<td class =“ ospy_td” style =“ background-color：#ddd; border-bottom-left-radius：5px; style = text-align：center”>

删除此“ style =”，事情就可以了。

---

我的建议代码更改（ jsFiddle ）：

的HTML

<table>
    <tr>
        <td class="ospy_td">
            <i class="ospy_lab" />
        </td>
    <tr>
</table>

的CSS

table {
    width: 100%;
}
td {
    background: #66f;
    text-align: center;
}
.ospy_td {
    background-color: #ddd;
    border-bottom-left-radius: 5px;
    cursor: default;
    vertical-align: middle;
}
i.ospy_lab {
    background-image: (img/bt.png);
    background-position: center center;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #0066c0;
    display: inline-block;
    height: 29px;
    width: 30px;
}

Answer 2

.ospy_td, label {
    text-align: left; // this is your problem, change to center
}

你在这里忘了分号

 style="text-align:center"

改成

style="text-align:center;"