對於文本對齊：正確;在TD，爲什麼「風格」工作和「階級」不是？

如果我包括此表中的單元格：如我所料對於文本對齊：正確;在TD，爲什麼「風格」工作和「階級」不是？

<td style="text-align: right; font-style: italic; color: maroon;">...

單元格的內容一致。

如果我有下面的CSS：

.right-notice { text-align: right; font-style: italic; color: maroon; }

這種細胞：

<td class=".right-notice">...

單元格的內容不右對齊。

這是爲什麼？我不知道什麼？

如果我更改CSS以替換文本對齊與浮動，那工作。

謝謝。

來源

2010-05-01 Will Fastie

您有匹配right-align一類選擇，但你的類名是.right-align

雖然可以匹配類名包括.字符，它會更有意義改變類的名稱。

當你在它的時候你應該change the class name to describe meaning instead of presentation。

來源

2010-05-01 14:33:24 Quentin

好的，我會去找那個。謝謝。 – 2010-05-01 14:34:34

我通常遵循語義建議。爲了這個問題的目的我簡化了。 – 2010-05-01 14:41:11

我作出了具體規則： .generic-table td {padding：5px 8px; vertical-align：middle; text-align：left; } .generic-table td.special-notice-right {text-align：right; font-style：italic;顏色：褐紅色; } 我不僅沒有得到正確的對齊方式，我沒有得到字體樣式。 – 2010-05-01 14:50:03

更改<td class=".right-notice">到<td class="right-notice">（不得有一個點）。

來源

2010-05-01 14:34:06 oezi

糟糕，這是一個錯字。代碼實際上並不像這樣。 – 2010-05-01 14:39:29

是的，無論您是使用樣式屬性還是類名設置樣式，它都是正確對齊的。我試了你的代碼（在標籤中修改了類名），並且文本正確對齊。

如果您的頁面無法正常工作，則必須在其他位置查找原因。確保樣式表實際上正在工作。在樣式表中查找可能會覆蓋該類的其他設置，或者是因爲它們具有更高的特異性，或者因爲它們具有相同的特性並稍後出現在樣式表中。

來源

2010-05-01 14:57:10 Guffa

對。我會更進一步。謝謝。 – 2010-05-01 16:32:08

我想我會隨着年齡的增長而變得更加濃厚。事實證明，這只是我的一部分愚蠢。在這個網站的特定區域中，我有兩個泛型表類。我改變了CSS的錯誤！ – 2010-05-01 16:48:33

對於文本對齊：正確;在TD，爲什麼「風格」工作和「階級」不是？

回答

相關問題