表のセルを結合する方法

HTMLテーブルは、HTMLやCSSスタイルの範囲内でマージされたセルに、表ラベルが行または列ROWSPANとCOLSPANによって組み合わせることができます。
フォームデザイン:
あなたが最初のスケッチを描くことができ、設計、およびPSおよび他のドローソフト缶ではなく、便利な紙のストロークとして、書き込み比較的速く、紙とペンスケッチとスケッチによると、コード、およびシンプルな、。
1行の数はスケッチ、各列内のセルの数に応じて算出することができます。
あなたは次のように計算されない場合は2を、削除合わせスケッチに従って一つずつそして、第1行の十分な数のテーブルの列をマージ合成されていない複製することができます。例えば、第1のセルニーズの最初の行が現在の行プラスROWSPAN = 3における3 ROWSPAN三列を、マージし、その後、以下第1のセルのTD第二及び第三の行を削除します。3をマージするには、3人が現在のTDセルラインの後ろに直接削除しました。

フォームを変更:
全体的なテーブルの最大行と最大列の最初の観察は、その後、細胞をマージするときのテーブルを変更します。各行、削除、および増加した細胞の減算後に観察された細胞の数を計算します。

ショートQ
:どのように細胞合併
HTMLやCSS関連スタイル、ROWSPANとCOLSPANテーブルをBaiduは、テーブルの行または列を組み合わせることができます。

テストコード:

< ボディ> 
<! - 組み合わせるライン、多くの行を組み合わせた方法を、行番号のTDよりも少し下- > 
<! - 組み合わせるライン2、次の行で削除TD、それがTDを削除するには3行目、2行を組み合わせれば、以下のように... - > 
< 表のボーダー= 1つの。スタイル= "国境崩壊:崩壊;" > 
< TR > 
    < TD ROWSPAN = "2" = "50" 高さ= "50" BGCOLOR = "イエロー" > </ TD > <! - マージされた実際の高さ100 - > 
    < TD = "50" 高さ= "50" > </ TD > 
    < TD= "50" 高さ= "50" > </ TD > 
</ TR > 
< TR > <! - 複合行2、TDを削除し、このラインに、セルは、上記の行に組み込まれます- > 
    < TD = "50" 高さ= "50" > </ TD > 
    < TD = "50" 高さ= "50" > </ TD > 
</ TR > 
</ > 
< P > ------ -分割線------- </ P >
<! - マージされた列、列数の合併、現在の行以下のTDの数- >
< 表のボーダー= 1。スタイル= "国境崩壊:崩壊;" > 
< TR > <! - 現在の行の2列は、多くのTDを省略し、合わせてどのように多くの列、現在の行のTDを削除、一緒にした- > 
    < TD COLSPAN = "2" = "100" 高さ= "50" BGCOLOR = "黄" > </ TD > 
    < TD = "50" 高さ= "50" > </ TD > 
</ TR > 
< TR > 
    <TD = "50" 高さ= "50" > </TD > 
    < TD = "50" 高さ= "50" > </ TD > 
    < TD = "50" 高さ= "50" > </ TD > 
</ TR > 
</ テーブル> 
< P > --- ----分隔线------- </ P > 
< テーブル境界線= 1つのスタイル= "国境崩壊:崩壊;" > <! - 四行三列表格- > 
< TR > <!
    TD COLSPAN = 3 = "50" 高さ= "50" ALIGN =左= "センター" > Tr1の:TD1 </ TD > 
</ TR > 
< TR > <! - マージ行、第2行の最初のセルを合わせ、合わせた第3のセルの行2、列が最大に連結されていません3 - > 
    < TD ROWSPAN = 2 = "50" 高さ= "50" ALIGN =左= "センター" BGCOLOR = "黄色" > Tr2がある:TD1 < / TD > 
    < TD = "50"高さ= "50" ALIGN= "センター" BGCOLOR = "黄" > Tr2がある:TD2 </ TD > 
    < TD ROWSPAN = 2 = "50" 高さ= "50" ALIGN =左= "センター" BGCOLOR = "黄" > Tr2がある:TD3 </ TD > 
</ TR > 
< TR > <! - 最初のセルが最初にマージ行のセルであり、第3列は、中央の列、3行目のセルをマージである- > 
    < TD = "50" 高さ= "50" 左揃え= = "センター" >TR3:TD1 </ TD > 
</TR > 
< TR > <! - 第3列の2番目のセルがセルをマージ、第二及び第三の列は両者の合計に組み合わされる- > 
    < TD =「50」高さ=「50 " 左揃え= センター" = " >トランジスタTr4:TD1 </ TD > 
    < TD COLSPAN = 2 =" 50 " 高さ=" 50 " ALIGN =左="センター" >トランジスタTr4:TD2 </ TD > 
</ TR > 
</ テーブル> 
</ ボディ>

アイコン:

PS:セルの幅と高さ、組み合わせをお勧め新しい幅と高さを変更し、マージされた行の列をマージします。もちろん、それは真の幅と高さの設定、特定の値のランクをマージし、合併となり解析時に変更されませんが、スケッチすることをお勧めします。コンテンツは、固定含まれている、取り外し可能な高さではない場合、高さは、唯一の制限幅適応となります。

おすすめ

転載: www.cnblogs.com/huaxie/p/12191534.html