2016-09-19 39 views
1

如何使跨度出現在TD的每一端

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

我想什麼來實現的是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

它甚至更好,使用一個CSS類名和一個單獨的.css文件包含的規則(這是HTML5標準太:))。 –

1

您可以使用float

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

相關問題