0

新しいテーブル行のセルの幅を上記のものよりも小さくするテーブルを作成する方法はありますか?このコードを使用した簡単な例は、下のセルが指定されていても、両方のセルが 100px になります。 50pxとして。複雑すぎる方法をいくつか考えることができますが、簡単な解決策はありますか? ありがとう

<table>
<tr>
<td width=100 height='20' bgcolor='pink'></td>
</td>
</tr> 
<tr>
<td width='50' height='20'bgcolor=blue>
</td>
</tr>
</table>
4

2 に答える 2

1

特定のシーケンスのすべてのセルが、テーブル内のすべての行で常に同じ幅になるわけではありません。ただし、セルを結合することはできます。たとえば、下の行で使用する場合、下の行の 2 つのセルは上の 1 つのセルに対応できます<td colspan=2>。

于 2012-07-20T19:22:32.360 に答える
0

幅を追加し、表示をブロックに変更することで、CSSでハックできます。非常に醜いので、保証はしません (IE では動作しません):

<table>
    <tr>
        <td bgcolor="pink" height="20" style="width: 100px;">One</td>
    </tr>  
    <tr>
        <td bgcolor="blue" height="20" style="width: 50px; display:block;">Two</td>
    </tr>
</table>

しかし、Sable Foste が指摘したように、実際に何をしようとしているかに応じて、おそらく異なる要素を使用する必要があります。これはハックであるため、奇妙な副作用が生じる可能性があります。より良い解決策は、DIV タグを使用することです。

<div>
    <div style="background:blue; width: 100px;">One</div>
    <div style="background:pink; width: 50px;">Two</div>
</div>
于 2012-07-20T19:28:27.000 に答える