Question

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

Answer 1

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

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

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

Answer 3

简而言之：不。这与 t 能 r 的概念背道而驰不是吗？

包裹在一个

3 个答案: