將一個列與CSS對齊

我想根據標題上的一個類來對齊表中的列。例如，如果我有如下表：將一個列與CSS對齊

<table> 
    <thead> 
     <th>Name</th> 
     <th class="price">Price</th> 
    </thead> 
    <tbody> 
     .... 
    </tbody> 
<table>

我知道我可以使用：第n-的類型，但有時列將是二路，其他時間將是5號，在某些地方我在同一個表格中將有幾列對齊到右側。

有沒有辦法做到這一點？我不需要支持傳統的瀏覽器，甚至沒有Internet Explorer 9（如果是在鉻和/或Firefox上工作對我來說足夠了）

只是爲了澄清，我想對齊列中的文本在與頭部相關聯的身體中

來源

2013-07-14 Fernando

你的意思是文本對齊？只要做：'th.price {text-align：right; }' –

是的，我的意思是文本對齊。 – Fernando

不，你不能風格表細胞，使造型取決於class屬性列標題th。 CSS中沒有任何方法可以連接單元格。

對齊列的最穩健的方法是在其中的每個單元格上生成class屬性。從技術上講，使用HTML align屬性更加強大。

來源

2013-07-14 16:49:19

編輯：正如下面評論，這隻適用於一些屬性。不包括文本對齊。

在你的CSS將這個：

col.price { text-align:right; }

而且你的HTML：

<table> 
    <col /> 
    <col class="price" /> 
    <tr> 
    <td>First TD of first TR</td> 
    <td>9,95</td> 
    </tr> 
    <tr> 
    <td>First TD of second TR</td> 
    <td>4,85</td> 
    </tr> 
</table>

參考： http://quirksmode.org/css/css2/columns.html

來源

2013-07-14 15:20:38

我認爲OP意味着整個專欄，而不僅僅是第四篇。 – bwoebi

我想你是對的..更新.. –

引用頁面說：「W3C規定只有少數幾個聲明可用於列：邊界，背景，寬度和可見性。例外：IE7和更低版本允許所有聲明。「因此，設置'text-align'不起作用，除非不合格的瀏覽器。您可以通過測試一些數據，其中對齊有所不同，例如其中一個數字比另一個數字更多。 –

將一個列與CSS對齊

回答

相關問題