<tr>中有2个<td>，能用css控制他们换位吗？


<table>
  <tr>
    <td>
    </td>
    <td>
    </td>
    </tr>
</table>
现在里面的2个td是按照左右排列的，我想在css里控制左边的td放右边，右边的td放左边

解决方案 »

  1.   


    <html>
        <table>
         <tr>
           <td style='float:right'>1</<td>
           <td style='float:left'>2</td>
         </tr>
        </table>
    </html>
      

  2.   

    经测试，1楼的代码不支持ie6、ie7这个真没有什么好方法呀。用js还行。
      

  3.   

    温馨提示：其实换td不如换td的内容<html>
        <table>
         <tr>
           <td style='float:right'>1</<td>
           <td style='float:left'>2</td>
         </tr>
        </table>
    <script>
    var tds=document.getElementsByTagName('td');
    var v1=tds[0].innerHTML,v2=tds[1].innerHTML;
    tds[0].innerHTML=v2;tds[1].innerHTML=v1;
    </script>
    </html>
      

  4.   

    PS:html代码是拷贝1楼的，提供个思路