2016-09-19 34 views
1

Wie erscheinen Spanne an jedem Ende eines TD

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

Was möchte ich erreichen möchte, ist, dass ein am linken Ende erscheint und 2 erscheint am anderen Ende.

Also im Skript, 1 und 2 beide erscheinen am linken Ende des TD.

Ich habe auch versucht, "align" -Attribut hinzuzufügen, um es geschehen zu lassen, aber es hat auch nicht funktioniert.

Antwort

1

Was Sie suchen, ist die css-style 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>

bearbeiten: Es ist auch besser style für die andere Styling Ihrer Tabelle zu verwenden (dies ist HTML5-Standard glaube ich)

+1

Es ist sogar besser, einen CSS-Klassennamen und eine separate CSS-Datei zu verwenden, um die Regeln (das ist der HTML5-Standard auch :)) enthalten. –

1

Sie float verwenden können.

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

Verwandte Themen