2016-05-10 317 views
0

私の行3は、行1のように見えます。最初は、上記のコードを試してみたので、私はrowspan = "1.5"を与えようとしました。行1を達成するために私が従った手順に従おうとすると、ミスアライメントが発生します。HTMLテーブルでrowspanを1.5として使用できますか?

table { 
 
    border-collapse: collapse; 
 
    border: 0px; 
 
} 
 
td { 
 
    padding: 20px; 
 
    border: 1px solid black; 
 
    text-align: center; 
 
} 
 
thead tr th { 
 
    border: 0px; 
 
}
<table border="1" width="100%"> 
 
    <thead style="border: 0px solid black;"> 
 
    <tr style="border=" 0px "> 
 
     <th style="border: 0px ">Row 1</th> 
 
     <th style="border: 0px ">Row 2</th> 
 
     <th style="border: 0px ">Row 3</th> 
 
    </tr> 
 
    </thead> 
 
    <tr> 
 
     <td rowspan="2 ">Row 1, cell 1</td> 
 
     <td rowspan="3 ">Row 1, cell 2</td> 
 
     <td >Row 1, cell 3</td> 
 
    </tr> 
 
    <tr>  
 
     <td>Row 2, cell 3</td> 
 
    </tr> 
 
    <tr> 
 
     <td rowspan="2 ">Row 3, cell 1</td> 
 
     <td rowspan=" ">Row 3, cell 3</td> 
 
    </tr> 
 
    <tr>  
 
     <td rowspan="3 ">Row 4, cell 2</td> 
 
     <td>Row 4, cell 3</td> 
 
    </tr> 
 
    <tr> 
 
     <td rowspan="2 ">Row 5, cell 1</td> 
 
     <td>Row 5, cell 3</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Row 6, cell 3</td> 
 
    </tr> 
 
</table>

+2

正確に何をしたいですか?少なくとも私は少し混乱しています。 – thepio

+1

ここにあなたの質問の謎です:https://jsfiddle.net/2ejpx1dd/。あなたが望むものを説明してください。 – thepio

+0

列は行か行は列ですか? – LAL

答えて

2

あなたは、HTMLテーブルを持つROWSPANための浮動値を持つことはできません。 W3によると

rowspan:この属性は 現在のセルがまたがる行の数を指定します。この属性のデフォルト値は1です( "1")。 値ゼロ(「0」)セルは、セルが定義されている最後のテーブル部の行(THEAD、TBODY、又は TFOOT)に 現在の行からのすべての行にまたがることを意味

EDIT: あなたが使用する場合<td rowspan="x">あなたがx時間を削除する必要があり、次<tr>

んに対応し、これはあなたにぴったり?

<table> 
    <tr> 
    <td rowspan="2">r1 c1</td> 
    <td rowspan="3">r1 c2</td> 
    <td rowspan="2">r1 c3</td> 
    </tr> 
    <tr> 
    </tr> 
    <tr> 
    <td rowspan="2">r2 c1</td> 
    <td rowspan="2">r2 c3</td> 
    </tr> 
    <tr> 
    <td rowspan="3">r2 c2</td> 
    </tr> 
    <tr> 
    <td rowspan="2">r3 c1</td> 
    <td rowspan="2">r3 c3</td> 
    </tr> 
</table> 
関連する問題