2013-03-08 10 views
8

テーブルを作成し、最初のセルをデフォルトとして左からではなく右から開始したい。 CSSでfloat属性を変更しようとしましたが、役立たないようです。ここ はコードです:テーブルセルを右から左へ印刷する

<table border="0" width="100%" cellspacing="0" align="center" class="result_table"> 
    <tr align="right"> 
    <th bgcolor="#cccccc" align="right">1</th> 
    <th bgcolor="#cccccc" size="17">2</th> 
    <th bgcolor="#cccccc">3</th> 
    <th bgcolor="#cccccc">4</th> 
    </tr>; 

</table> 
table.result_table { 
    float:right; 
} 

誰もが、このテーブルのフロートを変更する方法を提案することはできますか?

+0

何を右から変更しますか?最初のセルの内容は? –

+3

セルに 'direction:ltr;'を使わないのはなぜですか? –

+0

テーブルの方向を 'float'の' rtl' instedに変更 – Alireza41

答えて

0

これがCSSでのみ達成できるかどうかはわかりません。

CSS:

.result_table{float:left; width:100%; border-collapse:collapse; padding:0;} 
.result_table th{float:right; padding:0;} 

JS: - jsFiddle

+0

あなたのコメントをありがとう、しかしrtlは私のために完全に働いた。 – antonpuz

11

var cols = $('.result_table th').length; 
var colWidth = 100/cols; 
$('.result_table th').css({width:colWidth+'%'}) 

例にjQueryを使用すると、あなたのためにOKであれば、ここでは、所望の結果にあなたを得る可能性があります開始勧めしますコメントに示唆されているように、右から左への方向性(RTL)を設定できます。ただし、表の内容が右から左の言語でない場合は、表コンテンツ要素の方向性を左から右に追加する必要があります。それ以外の場合は、RTLの方向性を継承します。方向性によって全体的なテキストの方向性が設定されるため、多くの状況で驚きを引き起こします。これは、西洋言語の通常のテキストには影響しませんが、たとえば、 "4(5)"のようなコンテンツで、RTLの方向性を持つ "(5)4"と表示されます。

したがって、あなたはもっと簡単な方法があります

table.result_table { 
    direction: rtl; } 
table.result_table caption, table.result_table th, table.result_table td { 
    direction: ltr; } 
0

設定する必要があります。テーブルにdirection="rtl"を追加することができます。

<table dir="rtl"> 
    ... 
</table> 
関連する問題