1

是否有一种简单的 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 会更酷。

4

3 回答 3

3

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

<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点之前

于 2012-08-06T01:21:53.160 回答
2

我可以提议吗？

<ul id="ul">
    <li>7</li>
    <li>6</li>
    <li>5</li>
    <li>4</li>
    <li>3</li>
    <li>2</li>
    <li>1</li>
</ul>

现场演示：http: //jsfiddle.net/3n4FE/

于 2012-08-06T01:24:19.743 回答
0

简而言之：没有。这违背了表格行的概念，不是吗？

于 2012-08-06T01:14:12.827 回答