質問編集履歴
2
アドバイス適用後のブラウザでの表示画像を追加しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -27,6 +27,12 @@
|
|
|
27
27
|
できればjQueryは使わない方向でお願いしたいです。
|
|
28
28
|
|
|
29
29
|
よろしくお願いしたいです。
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## 追記
|
|
34
|
+
|
|
35
|
+
アドバイスいただいた内容のブラウザの表示状態を下記に追加します
|
|
30
36
|
|
|
31
37
|
|
|
32
38
|
|
1
期待する動作に追記しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
BootStrap4を使用してアプリを作っています。
|
|
2
2
|
|
|
3
|
-
レスポンシブに対応した正方形の枠を作
|
|
3
|
+
- divタグでレスポンシブに対応した横幅最大400pxの正方形の枠(画像アップロード用の背景)を作成
|
|
4
|
+
|
|
5
|
+
- その枠の中央に文字を配置する
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
ということをしたいのですが、
|
|
4
10
|
|
|
5
11
|
- [[CSS/HTML]上下左右中央揃えまとめ。 - Qiita](https://qiita.com/super-mana-chan/items/0d35a0b9ac1bf97593c8#display-flex)
|
|
6
12
|
|
|
@@ -43,6 +49,14 @@
|
|
|
43
49
|
- 横幅は上限400pxまで
|
|
44
50
|
|
|
45
51
|
- 正方形の枠を維持したまま、作成した枠の中央に複数業の文字を配置したい
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
下記のコードだと下記のようになって欲しいです
|
|
56
|
+
|
|
57
|
+
- `div.upload-backgroundcolor`の表示をレスポンシブな正方形として表示
|
|
58
|
+
|
|
59
|
+
- `div.upload-image`の中の文字(内容)を`div.upload-backgroundcolor`の中央に配置・表示したい
|
|
46
60
|
|
|
47
61
|
|
|
48
62
|
|