質問編集履歴
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -130,4 +130,15 @@
|
|
|
130
130
|
改行をされたい要素に```width: 100%```を指定することで改行できる、という主旨をteratailどれかの質問の回答で見つけたので指定してみましたが、改行できませんでした。
|
|
131
131
|
|
|
132
132
|
### 追記
|
|
133
|
-
CMSで画像や文章を設定するため、HTML構造は変更せずCSSだけで実現したいことを実現したいです。
|
|
133
|
+
CMSで画像や文章を設定するため、HTML構造は変更せずCSSだけで実現したいことを実現したいです。
|
|
134
|
+
|
|
135
|
+
#### 実現したいレイアウト
|
|
136
|
+
|
|
137
|
+
- **画像が1枚の場合**
|
|
138
|
+
画像の横にテキストを配置
|
|
139
|
+
→ 現状、サンプルのコードで実現はできています。
|
|
140
|
+
- **画像が2枚の場合**
|
|
141
|
+
画像が2枚横並びで、画像群の下にテキスト
|
|
142
|
+
テーブルレイアウトで言うと、
|
|
143
|
+
・1行目:1列目画像、2列目画像
|
|
144
|
+
・2行目:1列目から2列目にわたってテキスト
|
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
3
|
画像とテキストを含んだリストの中で、画像が2つの場合は2つ目の画像で改行したいです。
|
|
4
|
-
テキストは```p```か```ul li```のいずれか
|
|
4
|
+
テキストは```p```か```ul li```のいずれかが入ります。
|
|
5
5
|
下記はサンプルです。
|
|
6
6
|
[サンプル](https://codesandbox.io/s/green-shadow-n8j6g?fontsize=14&hidenavigation=1&theme=dark)
|
|
7
7
|
|
|
@@ -127,4 +127,7 @@
|
|
|
127
127
|
|
|
128
128
|
### 試したこと
|
|
129
129
|
|
|
130
|
-
改行をされたい要素に```width: 100%```を指定することで改行できる、という主旨をteratailどれかの質問の回答で見つけたので指定してみましたが、改行できませんでした。
|
|
130
|
+
改行をされたい要素に```width: 100%```を指定することで改行できる、という主旨をteratailどれかの質問の回答で見つけたので指定してみましたが、改行できませんでした。
|
|
131
|
+
|
|
132
|
+
### 追記
|
|
133
|
+
CMSで画像や文章を設定するため、HTML構造は変更せずCSSだけで実現したいことを実現したいです。
|