2011-09-13 4 views
4

2番目の列を右揃えにして、<td>要素にスタイルを適用しないようにします。私は<col>何を読んでから行く方法ですが、それは私のために動作しません:テーブルセルのテキストを右揃えにする方法<col/>

<table> 
    <col style="width: 20em" /> 
    <col align="right" style="text-align: right" /> 
    <col /> 
    <tbody> 
     <tr> 
      <td>123</td> 
      <td>1</td> 
      <td>2</td> 
     </tr> 
     <tr> 
      <td>12345678</td> 
      <td>189</td> 
      <td>2</td> 
     </tr> 
    </tbody> 
</table> 

が同様に運で<colgroup>を試してみました。何か案は?

p.s. 最新のChrome、FF5

答えて

5

明らかにIEとOperaのみが可能ですalign

更新、colborderbackgroundwidth & visibilityを持つ必要があります。 css継承と関係があります。 http://ln.hixie.ch/?start=1070385285&count=1(ただし、私はこの記事をスキミングしただけですが、まともな読書のようでした)。

+1

ありがとう、非常に有用な記事! – UserControl

-1

要素をcol要素に適用してからスタイルを適用することができます。

<col class="something" /> 

そして

col.something 
{ 
    text-align: right; 
} 
+0

これはどちらも動作しませんhttp://jsfiddle.net/Wxsfu/ –

+0

ああ。私はIEを使用しているので、私のために働いた。私が下の投票を得たのは不思議でしたが、 'class'属性を提案した他の人はそうしませんでした。 – ThatMatthew

+0

FYI、私のdownvoteではない。 IEは多くを許可します。 –

1

基準を設定し、人々はどのように正確に動作しますか?明らかにしなければならないのは、標準から何かを削除する前に、新しい方法で作業することです。これは簡単ではないことに私は失望しています。

人々は15年もの間、テキストを右揃えにしましたが、最新の&の最大HTML5はそれを処理できません。

これは暴言ですが、答えは、彼らが何をしているのかを知っている標準化委員会の人たちです。私は私の答えのために予定されると確信していますが、質問はStackOverflowで質問されなければならないという事実は、HTMLでテキストを整列するのが難しいことを意味します。

関連する問題