在< tr>内包装< td> [英] Wrapping <td>'s within a <tr>

问题描述

有一个简单的HTML方法来完成以下任务吗？我有一个表，其中包含每行3 td 的行。项目被添加到顶部的表格中，所以它按照相反的顺序排序。见下：

 < table> 
< tr> 
< td> 7< / td> 
< td> 6< / td> 
< td> 5< / td> 
< / tr> 
< tr> 
< td> 4< / td> 
< td> 3< / td> 
< td> 2< / td> 
< / tr> 
< tr> 
< td> 1< / td> 
< td>< / td> 
< td>< / td> 
< / tr> 
< / table> 
  

现在，当我需要在表格顶部添加8时，显然我必须对页面进行大量编辑，而不是只添加一行。我想这样做：

 < table> 
< tr max-cells-before-wrap =3> 
< td> 7< / td> 
< td> 6< / td> 
< td> 5< / td> 
< td> 4< / td> 
< td> 3< / td> 
< td> 2< / td> 
< td> 1< / td> 
< / tr> 
< / table> 
  

但我不确定在HTML中是否可行。我可以写一个简单的JS函数来完成它，但基本的HTML会更酷。

解决方案

你总是可以尝试这样的事情......

 < table width =200> 
< tr> 
< td> 
< div style =float：left; width：33％> 7< / div> 
< div style =float：left; width：33％> 6< / div> 
< div style =float：left; width：33％> 5< / div> 
< div style =float：left; width：33％> 4< / div> 
< div style =float：left; width：33％> 3< / div> 
< div style =float：left; width：33％> 2< / div> 
< div style =float：left; width：33％> 1< / div> 
< / td> 
< / tr> 
< / table> 
  

只需加上

 < div style =float：left; width：33％> 8< / div> 
  

在7之前

Is there a simple HTML way to accomplish the following? I have a table which contains rows of 3 td's each. Items are added to the table at the top, so it is sorted in reverse order. See below:

<table>
    <tr>
        <td>7</td>
        <td>6</td>
        <td>5</td>
    </tr>
    <tr>
        <td>4</td>
        <td>3</td>
        <td>2</td>
    </tr>
    <tr>
        <td>1</td>
        <td></td>
        <td></td>
    </tr>
</table>

Now, when the time comes for me to add 8 to the top of my table, obviously I must do a lot of editing to the page rather than just add one new line. I'd like to do something like:

<table>
    <tr max-cells-before-wrap="3">
        <td>7</td>
        <td>6</td>
        <td>5</td>
        <td>4</td>
        <td>3</td>
        <td>2</td>
        <td>1</td>
    </tr>
</table>

But I'm not sure if it's possible in HTML. I could write a simple JS function to do it, but basic HTML would be even cooler. Thanks.

解决方案

you could always try something like this...

<table width="200">
<tr>
<td>
<div style="float:left; width: 33%">7</div>
<div style="float:left; width: 33%">6</div>
<div style="float:left; width: 33%">5</div>
<div style="float:left; width: 33%">4</div>
<div style="float:left; width: 33%">3</div>
<div style="float:left; width: 33%">2</div>
<div style="float:left; width: 33%">1</div>
</td>
</tr>
</table>

and just add

<div style="float:left; width: 33%">8</div>

right before 7

这篇关于在< tr>内包装< td>的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！