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

質問編集履歴

3

文法の修正

2019/07/03 12:42

投稿

usm
usm

スコア15

title CHANGED
File without changes
body CHANGED
@@ -11,7 +11,7 @@
11
11
  </div>
12
12
  ```
13
13
 
14
- 6つの画像をHTMLで記述すると縦に並ぶのですが、これを縦二列に三つづつ並べて折り返し表示させたいです。(以下のように)
14
+ 6つの画像をHTMLで記述すると縦に並ぶのですが、これをCSSで縦二列に三つづつ並べて折り返し表示させたいです。(以下のように)
15
15
 
16
16
  1 2
17
17
  3 4

2

文法の修正

2019/07/03 12:42

投稿

usm
usm

スコア15

title CHANGED
@@ -1,1 +1,1 @@
1
- CSS 画像を二列に折り返し表示させたい
1
+ CSS 画像を二列に折り返し表示させたい
body CHANGED
@@ -11,6 +11,11 @@
11
11
  </div>
12
12
  ```
13
13
 
14
- 6つの画像をHTMLで記述すると縦に並ぶのですが、これを二列に三つづつ並べて折り返し表示させたいです。
14
+ 6つの画像をHTMLで記述すると縦に並ぶのですが、これを二列に三つづつ並べて折り返し表示させたいです。(以下のように)
15
+
16
+ 1 2
17
+ 3 4
18
+ 5 6
19
+
15
20
  id="new-img"とid="img-list"とulやliに、それぞれdisplay: flex;とflex-wrap: wrap;を使用してみましたが二列になりません。
16
21
  どのようにすれば希望するように並べられるのでしょうか?

1

文法の修正

2019/07/03 12:04

投稿

usm
usm

スコア15

title CHANGED
@@ -1,1 +1,1 @@
1
- CSS 画像を二列に折り返し表示させたい
1
+ CSS 画像を二列に折り返し表示させたい
body CHANGED
@@ -11,6 +11,6 @@
11
11
  </div>
12
12
  ```
13
13
 
14
- 6つの画像をHTMLで記述すると縦に並ぶのですが、これを横二列の縦列の折り返し表示させたいです。
14
+ 6つの画像をHTMLで記述すると縦に並ぶのですが、これを横二列つづつ並べて折り返し表示させたいです。
15
15
  id="new-img"とid="img-list"とulやliに、それぞれdisplay: flex;とflex-wrap: wrap;を使用してみましたが二列になりません。
16
16
  どのようにすれば希望するように並べられるのでしょうか?