teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問fiexタグで横並びにしたレイアウトを一部縦並びのレイアウトにしたい

編集履歴

質問編集履歴

7

コードで囲った

2019/04/08 09:16

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,9 @@
20
20
 
21
21
  宜しくお願い致します。
22
22
 
23
+ ```
24
+
23
- ```<ul class="menu">
25
+ <ul class="menu">
24
26
 
25
27
  　<li><p><img src="a.png" alt="ロゴ"></p></li>
26
28
 
@@ -48,7 +50,7 @@
48
50
 
49
51
  </ul>
50
52
 
51
- コード
53
+
52
54
 
53
55
  ```
54
56
 

6

codeタグで囲った

2019/04/08 09:16

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  宜しくお願い致します。
22
22
 
23
- ```こ<ul class="menu">
23
+ ```<ul class="menu">
24
24
 
25
25
  　<li><p><img src="a.png" alt="ロゴ"></p></li>
26
26
 
@@ -52,33 +52,7 @@
52
52
 
53
53
  ```
54
54
 
55
- <ul class="menu">
56
55
 
57
- 　<li><p><img src="a.png" alt="ロゴ"></p></li>
58
-
59
- 　<li><p><img src="gazou1.png" alt="a"></p></li>
60
-
61
- 　<li><p><img src="gazou2.png" alt="a2"></p></li></div>
62
-
63
- <li><p><img src="gazou3" alt="a3"></p></li>
64
-
65
- 　<li><p><img src="gazou4.png" alt="a3"></p></li></div>
66
-
67
- 　<!-- ここまでは画像横並び -->
68
-
69
- 　<li><p><img src="gazou5.png" alt="~"></p><img src="gazou6.png" alt="a4"></li>
70
-
71
- 　<li><p><img src="gazou6.png" alt="~"></p><p><img src="gazou7.png" alt="a5"></p></li>
72
-
73
- 　<li><p><img src="gazou8.png" alt="~"></p> <p><img src="gazou9.png" alt="a6"></p></li>
74
-
75
- 　<li><p><img src="gazou10.png" alt="~"></p><p><img src="gazou11.png" alt="a7"></p></li>
76
-
77
- 　<li><p><img src="gazou12.png" alt="~"></p><p><img src="gazou13.png" alt="a8"></p></li>
78
-
79
- 　<!--ここまで子要素縦改行-->
80
-
81
- </ul>
82
56
 
83
57
  ```CSSコード
84
58
 
@@ -154,13 +128,13 @@
154
128
 
155
129
  }
156
130
 
157
- コード
131
+
158
132
 
159
133
  ```
160
134
 
161
135
 
162
136
 
163
- ```
137
+
164
138
 
165
139
  ### 試したこと
166
140
 

5

コードで囲った

2019/04/08 09:04

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -80,15 +80,7 @@
80
80
 
81
81
  </ul>
82
82
 
83
- コード
84
-
85
- ```
86
-
87
-
88
-
89
- ```ここに言語を入力
90
-
91
- CSSコード
83
+ ```CSSコード
92
84
 
93
85
  div{
94
86
 
@@ -162,6 +154,12 @@
162
154
 
163
155
  }
164
156
 
157
+ コード
158
+
159
+ ```
160
+
161
+
162
+
165
163
  ```
166
164
 
167
165
  ### 試したこと

4

コードで囲った

2019/04/08 09:03

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -20,9 +20,37 @@
20
20
 
21
21
  宜しくお願い致します。
22
22
 
23
+ ```こ<ul class="menu">
23
24
 
25
+ 　<li><p><img src="a.png" alt="ロゴ"></p></li>
24
26
 
27
+ 　<li><p><img src="gazou1.png" alt="a"></p></li>
28
+
29
+ 　<li><p><img src="gazou2.png" alt="a2"></p></li></div>
30
+
31
+ <li><p><img src="gazou3" alt="a3"></p></li>
32
+
33
+ 　<li><p><img src="gazou4.png" alt="a3"></p></li></div>
34
+
35
+ 　<!-- ここまでは画像横並び -->
36
+
37
+ 　<li><p><img src="gazou5.png" alt="~"></p><img src="gazou6.png" alt="a4"></li>
38
+
39
+ 　<li><p><img src="gazou6.png" alt="~"></p><p><img src="gazou7.png" alt="a5"></p></li>
40
+
41
+ 　<li><p><img src="gazou8.png" alt="~"></p> <p><img src="gazou9.png" alt="a6"></p></li>
42
+
43
+ 　<li><p><img src="gazou10.png" alt="~"></p><p><img src="gazou11.png" alt="a7"></p></li>
44
+
45
+ 　<li><p><img src="gazou12.png" alt="~"></p><p><img src="gazou13.png" alt="a8"></p></li>
46
+
47
+ 　<!--ここまで子要素縦改行-->
48
+
25
- ### 該当のソースコード
49
+ </ul>
50
+
51
+ コード
52
+
53
+ ```
26
54
 
27
55
  <ul class="menu">
28
56
 

3

コードで囲った

2019/04/08 09:02

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -23,12 +23,6 @@
23
23
 
24
24
 
25
25
  ### 該当のソースコード
26
-
27
- ```ここにHTML
28
-
29
-
30
-
31
- <code>
32
26
 
33
27
  <ul class="menu">
34
28
 
@@ -58,9 +52,13 @@
58
52
 
59
53
  </ul>
60
54
 
61
- <code>
55
+ コード
62
56
 
57
+ ```
58
+
59
+
60
+
63
- <code>
61
+ ```ここに言語を入力
64
62
 
65
63
  CSSコード
66
64
 
@@ -136,7 +134,7 @@
136
134
 
137
135
  }
138
136
 
139
- <code>
137
+ ```
140
138
 
141
139
  ### 試したこと
142
140
 

2

codeタグで囲った

2019/04/08 09:00

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -28,9 +28,7 @@
28
28
 
29
29
 
30
30
 
31
- コード
31
+ <code>
32
-
33
- ```
34
32
 
35
33
  <ul class="menu">
36
34
 
@@ -60,17 +58,9 @@
60
58
 
61
59
  </ul>
62
60
 
63
- ```ここに言語を入力
61
+ <code>
64
62
 
65
- コード
66
-
67
- ```
68
-
69
- ```CSS
63
+ <code>
70
-
71
- コード
72
-
73
- ```
74
64
 
75
65
  CSSコード
76
66
 
@@ -146,13 +136,7 @@
146
136
 
147
137
  }
148
138
 
149
- ```
139
+ <code>
150
-
151
- コード
152
-
153
- ```
154
-
155
-
156
140
 
157
141
  ### 試したこと
158
142
 

1

codeブロックで囲んだ

2019/04/08 08:57

投稿

let
let

スコア41

test CHANGED
File without changes
test CHANGED
@@ -24,7 +24,13 @@
24
24
 
25
25
  ### 該当のソースコード
26
26
 
27
+ ```ここにHTML
27
28
 
29
+
30
+
31
+ コード
32
+
33
+ ```
28
34
 
29
35
  <ul class="menu">
30
36
 
@@ -54,7 +60,17 @@
54
60
 
55
61
  </ul>
56
62
 
63
+ ```ここに言語を入力
57
64
 
65
+ コード
66
+
67
+ ```
68
+
69
+ ```CSS
70
+
71
+ コード
72
+
73
+ ```
58
74
 
59
75
  CSSコード
60
76
 
@@ -130,7 +146,11 @@
130
146
 
131
147
  }
132
148
 
149
+ ```
133
150
 
151
+ コード
152
+
153
+ ```
134
154
 
135
155
 
136
156