当前位置：首页 → 问答吧 → <tr>中有2个<td>，能用css控制他们换位吗？

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

时间：2011-12-07

来源：互联网

HTML code


<table>
  <tr>
    <td>
    </td>
    <td>
    </td>
    </tr>
</table>

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

作者: charlesxu 发布时间: 2011-12-07

HTML code


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

作者: babyboy9685 发布时间: 2011-12-07

经测试，1楼的代码不支持ie6、ie7

这个真没有什么好方法呀。用js还行。

作者: yusongkun 发布时间: 2011-12-07

ie9也不支持，js怎么写呢？

作者: charlesxu 发布时间: 2011-12-07

温馨提示：其实换td不如换td的内容
HTML code


<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>

作者: likeajin 发布时间: 2011-12-07

引用 4 楼 likeajin 的回复:

温馨提示：其实换td不如换td的内容
HTML code

<html>
<table>
<tr>
<td style='float:right'>1</<td>
<td style='float:left'>2</td>
</tr>
</table>
<script>
var tds=document.getElementsB……

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

作者: likeajin 发布时间: 2011-12-07

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

热门阅读

热门下载