テーブル内の1つのセルに3つのセルを作るためにどのよう

Question

私はこのコードを書いた

---------------------------------- 
|a  |  b  |  c | 
---------------------------------- 
|a  |   |  c | 
---------------------------------- 
|a  |   |  c | 
---------------------------------- 

しかし、私がしたいことは、テーブル構造があります

---------------------------------- 
|a  |  b  |  c | 
----------   ------------ 
|a  |   |  c | 
----------   ------------ 
|a  |   |  c | 
---------------------------------- 

中間の列の行がマージされます。これどうやってするの？

おかげ

Answer 1

あなたは内部とb tdの属性rowspanを使用することができます。

<table border="1"> 
    <tr> 
     <td>a</td> 
     <td rowspan="3">b</td> 
     <td>c</td> 
    </tr> 
    <tr> 
     <td>a</td> 
     <td>c</td> 
    </tr> 
    <tr> 
     <td>a</td> 
     <td>c</td> 
    </tr> 
</table> 

あなたは、あなたがそれを好きなようにそれを調整するためにCSSを追加することができます。

table{ 
    text-align: center; 
    width: 100%; 
} 

はここに例を示しますhttps://jsfiddle.net/sntgoy5d/

あなたが一番上にBを持つようにしたい場合はセルの場合、CSSプロパティーvertical-alignを使用して、topに設定できます。