質問編集履歴

2

追記

2020/12/06 00:59

投稿

erajera
erajera

スコア22

test CHANGED
File without changes
test CHANGED
@@ -263,3 +263,25 @@
263
263
  ### 追記
264
264
 
265
265
  CMSで画像や文章を設定するため、HTML構造は変更せずCSSだけで実現したいことを実現したいです。
266
+
267
+
268
+
269
+ #### 実現したいレイアウト
270
+
271
+
272
+
273
+ - **画像が1枚の場合**
274
+
275
+ 画像の横にテキストを配置
276
+
277
+ → 現状、サンプルのコードで実現はできています。
278
+
279
+ - **画像が2枚の場合**
280
+
281
+ 画像が2枚横並びで、画像群の下にテキスト
282
+
283
+ テーブルレイアウトで言うと、
284
+
285
+ ・1行目:1列目画像、2列目画像
286
+
287
+ ・2行目:1列目から2列目にわたってテキスト

1

追記

2020/12/06 00:59

投稿

erajera
erajera

スコア22

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  画像とテキストを含んだリストの中で、画像が2つの場合は2つ目の画像で改行したいです。
6
6
 
7
- テキストは```p```か```ul li```のいずれかになる予定です。
7
+ テキストは```p```か```ul li```のいずれかが入ります。
8
8
 
9
9
  下記はサンプルです。
10
10
 
@@ -257,3 +257,9 @@
257
257
 
258
258
 
259
259
  改行をされたい要素に```width: 100%```を指定することで改行できる、という主旨をteratailどれかの質問の回答で見つけたので指定してみましたが、改行できませんでした。
260
+
261
+
262
+
263
+ ### 追記
264
+
265
+ CMSで画像や文章を設定するため、HTML構造は変更せずCSSだけで実現したいことを実現したいです。