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を追加するときが来たら、明らかに、新しい1行を追加するだけでなく、ページに多くの編集を行う必要があります。私は次のようなことをしたいと思います：

<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 に答える