質問編集履歴
1
コードについて現状のものに変更致しました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -4,15 +4,42 @@
|
|
4
4
|
各画像の縦横比はほぼ同じですが、それぞれのサイズには微妙なズレがあります。
|
5
5
|
### 該当のソースコード
|
6
6
|
```html
|
7
|
+
<html>
|
8
|
+
<head>
|
9
|
+
<title>test</title>
|
10
|
+
<link rel="stylesheet" href="./css/style_tera.css">
|
11
|
+
</head>
|
12
|
+
<body>
|
13
|
+
|
14
|
+
<form name="form1">
|
15
|
+
<table class="picTable">
|
16
|
+
<tr>
|
7
|
-
<td><img class="pic_img" src=""></td>
|
17
|
+
<td><img class="pic_img" src="http://placehold.jp/346x170.png"></td>
|
18
|
+
<td><img class="pic_img" src="http://placehold.jp/346x183.png"></td>
|
19
|
+
<td><img class="pic_img" src="http://placehold.jp/340x164.png"></td>
|
20
|
+
</tr>
|
21
|
+
</table>
|
22
|
+
</form>
|
23
|
+
</body>
|
24
|
+
</html>
|
25
|
+
|
8
26
|
```
|
9
27
|
|
10
28
|
```css
|
29
|
+
.picTable {
|
30
|
+
width: 100%;
|
31
|
+
}
|
11
32
|
td{
|
12
|
-
width:15%;
|
33
|
+
width: 15%;
|
34
|
+
padding-top: 7.5%;
|
35
|
+
position: relative;
|
13
36
|
}
|
14
37
|
.pic_img {
|
38
|
+
position: absolute;
|
15
39
|
width: 100%;
|
40
|
+
height: 100%;
|
41
|
+
top: 0;
|
42
|
+
left: 0;
|
16
43
|
}
|
17
44
|
```
|
18
45
|
|