爲什麼我的圖片沒有在中心對齊？

我無法弄清楚爲什麼我的圖像在標籤之間沒有對齊到中心，即使我已經聲明瞭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

分號在最後一個屬性上是可選的... –

爲什麼我的圖片沒有在中心對齊？

回答

相關問題