包皮 's within a

问题描述 投票:1回答:3

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

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


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/


0
投票

总之:没有。该违背的T能够R的概念,流是不是?

© www.soinside.com 2019 - 2024. All rights reserved.