11

テーブルを作成し、最初のセルをデフォルトとして左からではなく右から開始するようにします。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>

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

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

4

3 に答える 3

15

コメントで示唆されているように、方向性を右から左(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; }
于 2013-03-08T15:01:33.880 に答える
0

これが CSS のみで実現できるかどうかはわかりません。jQuery を使用しても問題ない場合は、目的の結果が得られる可能性のある最初のアイデアを次に示します。

CSS:

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

JS:

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

例 - jsFiddle

于 2013-03-08T12:47:42.570 に答える