2016-09-19 6 views
1

にする方法スパンは私が達成したい何

<table width="200pxpx" bgcolor="#00FF00"> 
 
    <tr> 
 
    <td> 
 
     <span align="left">1</span> 
 
     <span align="right">2</span> 
 
    </td> 
 
    </tr> 
 
</table>

TDの両端に現れる1は、左端に表示され、2がもう一方の端に表示されていることです。

スクリプトでは、1と2の両方がTDの左端に表示されます。

また、 "align"属性を追加しようとしましたが、これは動作しませんでした。

答えて

1

あなたが探しているのは、CSSスタイルfloat:rightです。

<table style="width:200px; background-color:#00FF00;"> 
 
    <tr> 
 
    <td> 
 
     <span style="float:left;">1</span> 
 
     <span style="float:right;">2</span> 
 
    </td> 
 
    </tr> 
 
</table>

編集:それはあなたのテーブルの他のスタイリングのためstyleを使用することも良いでしょう(これは私は信じているHTML5の標準である)

+1

それは(それもHTML5の標準です:))ルールを含むようにCSSクラス名と別の.cssファイルを使用するようにしても良いでしょう。 –

1

あなたはfloatを使用することができます。

<table width="200pxpx" bgcolor="#00FF00"> 
 
    <tr> 
 
    <td> 
 
     <span style="float:left;">1</span> 
 
     <span style="float:right;">2</span> 
 
    </td> 
 
    </tr> 
 
</table>

関連する問題