0

テーブルに関する問題に遭遇しました。セルの colspan 属性 (td タグ) をより具体的にするために、次のようなことをしたいと思います。

*** ------- +++
------- *** +++

各シンボルがセルである場合、お気づきかもしれませんが、1 番目の行の 2 列は、2 番目の行の列番号 1 および 2 と共有しているため、colspan=2 を持ちます。一方、行番号 2 の 1 番目の列は共有します1 行目から列番号 1 と 2 のスペース。

試してみましたが (以下のコードを参照)、もちろん (少なくとも chrome と firefox では) 期待どおりに動作しません。これは達成可能だと思いますが、私にはアイデアが不足しており、あなたの提案に本当に感謝しています.

<TABLE>
<TR>
    <TD>1</TD>
    <TD COLSPAN="2">2</TD>
    <TD>3</TD>
</TR>
<TR>
    <TD COLSPAN="2">4</TD>
    <TD>5</TD>
    <TD>6</TD>
</TR>
</TABLE>
4

2 に答える 2

0

いくつかの検索の後、私は解決策を見つけました.colタグを使用する必要があるようですが、理由はまだわかりませんが、うまくいきます!

<TABLE>
<col style="width: 1px;">
<col style="width: 1px;">
<col style="width: 1px;">
<col style="width: 1px;">
<TBODY>
<TR>
    <TD BGCOLOR="#CDB599"></TD>
    <TD COLSPAN="2" BGCOLOR="#9CC5C9"></TD>
    <TD BGCOLOR="#CDB599"></TD>
</TR>
<TR>
    <TD COLSPAN="2" BGCOLOR="#D5544F"></TD>
    <TD BGCOLOR="#CDB599"></TD>
    <TD BGCOLOR="#CDB599"></TD>
</TR>
</TBODY>
</TABLE>
于 2012-06-24T11:46:17.230 に答える
0

マークアップがどのように機能するかは指定しませんが、最小幅を必要とするものは何もないため、2 列目のスロットは幅がゼロになります。これは、通常のセルが 4 つある 3 行目を追加するとわかります。

<tr><td>foo<td>bar<td>more<td>stuff

次に、2 番目の列は「バー」に必要な幅になります。

于 2012-06-24T16:14:19.013 に答える