为什么我的图片没有在中心对齐？

我无法弄清楚为什么我的图像在标签之间没有对齐到中心，即使我已经声明了css内联，但优先级不起作用。为什么我的图片没有在中心对齐？

我已经在<style>标记中声明了文本对齐方式，但我只希望这个特定标记对齐中心而不是其他对象。

这里是我的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页面中的标签内deined，

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

来源

2013-12-18 CleanX

你介意清理你的代码（从字符串连接删除引号，等等）或者至少在这里复制+粘贴页面源代码？ – melancia

是的，做完了，对不起 – CleanX

你有没有想过这个，或者它真的是这样的来源？ '<\/label>' – melancia

我在CSS和html元素的使用中看到了一些错误。

但是，这创造了一个问题，他们是风格属性里面的style=：

< TD类=“ospy_td”风格=“背景色：#ddd;边框左下角半径：5像素; 风格= 文本对齐：中心” >

删除此 “风格=” 和事会工作。

我的建议代码变化（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; 
}

来源

2013-12-18 17:26:05

-1

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

你忘了一个分号这里

style="text-align:center"

更改为

style="text-align:center;"

来源

2013-12-18 16:56:26 CRABOLO

OP希望每隔一个左对齐，并且特定的一个居中。这就是为什么使用内联样式来覆盖此规则的原因。 – melancia

分号在最后一个属性上是可选的... –

为什么我的图片没有在中心对齐？

回答

相关问题