2011-08-13 11 views
4
-------------------------------- 
| item a     item b | 
| item c   item d item e | 

--------------------------------- 
| item a   item b   | 
| item c   item d item e | 

私はテーブルに2つの行があり、それぞれに左揃えの項目があり、上の最初の例のように右揃えの項目があります。私はitem bitem d、およびitem ealign="right"に設定した場合Htmlテーブルの位置合わせの権利

しかし、私は上記の実施例2の動作を取得します。 item bitem dで整列していて、rightではないのはなぜですか?

編集Jsfiddle

+2

:「アイテムB」セル別名 - あなたはまた、2列にまたがるする必要<td>colspan="2"を追加する必要があります?私はしばしば、問題を解決するのに役立つコードで遊ぶことができれば、点灯していると感じることがあります。 – Jem

+1

ここにコードを貼り付けますか? –

+0

'tr'でセルが見つからなかったり、' colspan = 2'が追加されていませんでしたが、あなたのコードを見ずに知ることはできません。 – prodigitalson

答えて

10

あなたは、いくつかの間違った構文を持っていました。私があなたがstyle="text-align:right;"を意味すると信じているとき、あなたはstyle="align-right"を使っていました。あなたはここに投稿することができ、コードを持っていますかあなたはそれをjsfiddleでき

<table width="500px"> 
    <tr> 
     <td> 
      item a 
     </td> 
     <td style="text-align:right;" colspan="2"> 
      item b 
     </td> 
    </tr> 
    <tr> 
     <td> 
      item c 
     </td> 
     <td style="text-align:right;"> 
      item d 
     </td> 
     <td style="text-align:right;"> 
      item e 
     </td> 
    </tr> 
</table> 

http://jsfiddle.net/A5LDZ/2/

+0

+1はい、colspanソリューションはさらに優れており、そこにテキストを保存しています。 – emboss

+0

ハ!ありがとう、私は私のjsfiddleに構文エラーがありました。私はちょうどその質問のために一緒に素早く一緒に入れて、私の元のコードでそのエラーはありませんでした。私はtdプロパティ 'style'ではなく' align'を使用しようとしていました。だから、 'style =" text-align:right "'の代わりに 'align =" right "'を使っていましたが、どちらの場合でもトリックを行ったのはcolspanでした。 – xdumaine

関連する問題