添加到一行表但不是所有更改行位置

时间:2014-08-29 23:40:06

标签: javascript html css

我有一张这样的表

<table>
<tr>example1</tr>
<tr>example2</tr>
<tr>example3</tr>
</table>

并且工作正常但是如果我将<td>添加到第一行而不是其他行,则直接添加到底部 - http://jsfiddle.net/sLd1L92t/1/

<table>
<tr><td>example1</td></tr>
<tr>example2</tr>
<tr>example3</tr>
</table>

我有没有办法让<td>只在一行而不重新定位该行?

2 个答案:

答案 0 :(得分:1)

为每一行添加<td>,如下所示:

<div>  
<table border="1">
    <tr><td>example1</td></tr>
    <tr><td>example2</td></tr>
    <tr><td>example3</td></tr>
  </table>
</div>

(我添加了border以明确单元边界的位置)

如果你想让后两行填充表的宽度,那么使用colspan告诉行跨越多列:

<div>  
<table border="1">
    <tr><td>exampleA</td><td>exampleB</td></tr>
    <tr><td colspan="2">example2</td></tr>
    <tr><td colspan="2">example3</td></tr>
  </table>
</div>

答案 1 :(得分:-1)

添加&lt; td&gt;是正确的HTML,所以我不相信有办法做你想做的事。

你为什么要这样写表呢?您可以使用&lt; div&gt;来使其工作。标签代替。