回答編集履歴

4

修正

2018/11/08 09:19

投稿

colling
colling

スコア798

test CHANGED
@@ -30,8 +30,16 @@
30
30
 
31
31
 
32
32
 
33
- --追記--
33
+ ---
34
+
35
+ ### 症状的にはたぶんこちらです
36
+
37
+
34
38
 
35
39
  他には、高さ20ぐらいだと、中に入っている文字がセルを押し広げてしまっている可能性があります。
36
40
 
37
41
  (表示を90%にするとずれなくなるということですので、こちらの可能性の方が高いかな、、、)
42
+
43
+
44
+
45
+ `font-sizeを下げる`か、`<tr>の高さをあげ`てください。`paddingの上下を0px`にしてみても良いかも。

3

追記

2018/11/08 09:19

投稿

colling
colling

スコア798

test CHANGED
@@ -33,3 +33,5 @@
33
33
  --追記--
34
34
 
35
35
  他には、高さ20ぐらいだと、中に入っている文字がセルを押し広げてしまっている可能性があります。
36
+
37
+ (表示を90%にするとずれなくなるということですので、こちらの可能性の方が高いかな、、、)

2

追記

2018/11/08 06:00

投稿

colling
colling

スコア798

test CHANGED
@@ -27,3 +27,9 @@
27
27
  ```
28
28
 
29
29
  です。
30
+
31
+
32
+
33
+ --追記--
34
+
35
+ 他には、高さ20ぐらいだと、中に入っている文字がセルを押し広げてしまっている可能性があります。

1

追記

2018/11/08 05:57

投稿

colling
colling

スコア798

test CHANGED
@@ -1,3 +1,29 @@
1
1
  `<table>`は`セルとセルの間に隙間があります`ので、そこの設定がデフォルトのままではないでしょうか?
2
2
 
3
3
  `border-collapse: collapse;`で隙間をゼロにして、線が重なって見えるようになると、高さが揃うかと思います。
4
+
5
+
6
+
7
+ ---追記---
8
+
9
+ `CSS`に書く場合は
10
+
11
+ ```css
12
+
13
+ table {
14
+
15
+ border-collapse: collapse;
16
+
17
+ }
18
+
19
+ ```
20
+
21
+ `HTML`タグに直接書く場合は
22
+
23
+ ```html
24
+
25
+ <table cellspacing="0">
26
+
27
+ ```
28
+
29
+ です。