回答編集履歴

2

説明修正

2020/01/10 05:05

投稿

hatena19
hatena19

スコア33768

test CHANGED
@@ -22,9 +22,9 @@
22
22
 
23
23
  align-items: center;
24
24
 
25
- width: 300px;
25
+ /* width: 300px; */
26
26
 
27
- height: 300px;
27
+ /* height: 300px; */
28
28
 
29
29
  }
30
30
 
@@ -38,4 +38,6 @@
38
38
 
39
39
  ---
40
40
 
41
- よく見たら、vnsa7221さんの回答と完全かぶっました(汗)
41
+ vnsa7221さんの回答との違いは、`inline-flex`いる点です。
42
+
43
+ これで中身にあわせて自動で吹き出しのサイズが決まります。

1

追記

2020/01/10 05:05

投稿

hatena19
hatena19

スコア33768

test CHANGED
@@ -33,3 +33,9 @@
33
33
  `width:` `height:`を指定しなければ、中身のテキストに合わせてサイズが決まります。
34
34
 
35
35
  中身によっては完全な円ではなく楕円になりますが、見栄え的には問題ないと思います。
36
+
37
+
38
+
39
+ ---
40
+
41
+ よく見たら、vnsa7221さんの回答と完全にかぶってました(汗)