teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

調整

2017/06/27 08:22

投稿

yambejp
yambejp

スコア117887

answer CHANGED
@@ -50,18 +50,17 @@
50
50
  width: 30px;
51
51
  height: 25px;
52
52
  }
53
- td{ height:1.1em;}
54
- td.row2{ height:2.2em;}
53
+ td[rowspan="2"]{ height:50px;}
55
54
  </style>
56
55
  <table>
57
56
  <tbody>
58
57
  <tr>
59
- <td rowspan="2" class="row2"></td>
58
+ <td rowspan="2"></td>
60
59
  <td></td>
61
- <td rowspan="2" class="row2"></td>
60
+ <td rowspan="2"></td>
62
61
  </tr>
63
62
  <tr>
64
- <td rowspan="2" class="row2"></td>
63
+ <td rowspan="2"></td>
65
64
  </tr>
66
65
  <tr>
67
66
  <td></td>

1

追記

2017/06/27 08:22

投稿

yambejp
yambejp

スコア117887

answer CHANGED
@@ -35,4 +35,38 @@
35
35
  </tr>
36
36
  </tbody>
37
37
  </table>
38
+ ```
39
+
40
+ # ダミーを使わないで高さを指定
41
+
42
+ ```HTML
43
+ <style>
44
+ table{
45
+ border-collapse: collapse;
46
+ }
47
+ td, th {
48
+ border: 1px solid #595959;
49
+ padding: 3px;
50
+ width: 30px;
51
+ height: 25px;
52
+ }
53
+ td{ height:1.1em;}
54
+ td.row2{ height:2.2em;}
55
+ </style>
56
+ <table>
57
+ <tbody>
58
+ <tr>
59
+ <td rowspan="2" class="row2"></td>
60
+ <td></td>
61
+ <td rowspan="2" class="row2"></td>
62
+ </tr>
63
+ <tr>
64
+ <td rowspan="2" class="row2"></td>
65
+ </tr>
66
+ <tr>
67
+ <td></td>
68
+ <td></td>
69
+ </tr>
70
+ </tbody>
71
+ </table>
38
72
  ```