右對齊一列，左對齊另一個，在一個表內

我已經創建了一個2列的html表。我希望包含文本的第一列右對齊，但我希望第二列保持左對齊，因爲它包含複選框。爲了演示，它會看起來，但我不知道。我曾嘗試創建一個td class =「column1」，然後text-align：right;在CSS中，但沒有運氣。右對齊一列，左對齊另一個，在一個表內

任何想法將不勝感激。

HTML

<td class="column1">Retrieve Logs:</td> 
<td class="column2"><input type=checkbox name="getcamlogs" checked="checked"></td>

CSS

td.column1 { 
    text-align: right; 
}

來源

2011-09-02 smurf

沒事兒你發佈的代碼，在正常工作我的瀏覽器。 – nobody

真的嗎？仍然不會在地雷上工作：/ – smurf

好的作品，一個簡單的空間阻止了它！典型！非常感謝！ – smurf

在這裏你去，這應該工作:)

<style> 
    #mytable {width:500px; margin:0 auto;} 
    #mytable td {width:250px;} 
    #mytable .left {text-align:right; background:#333;} 
    #mytable .right {text-align:left; background:#666;} 
</style> 

<table id="mytable"> 
    <tr> 
     <td class="left">1</td> 
     <td class="right">2</td> 
    </tr> 
</table>

來源

2011-09-02 09:27:01

作爲一種文體觀點，我會盡量避免在你使用它們從左側和右側改變對齊方式時，將類稱爲左側和右側。它只是一個混淆的祕訣。 :) – Chris

好吧，但這只是爲了演示的目的:) –

謝謝，我會記住:) – smurf

右對齊一列，左對齊另一個，在一個表內

回答

相關問題