回答編集履歴
2
修正
answer
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
.botann-group > * {
|
|
25
25
|
flex-grow: 0;
|
|
26
26
|
flex-shrink: 0;
|
|
27
|
-
flex-basis: calc(100% /
|
|
27
|
+
flex-basis: calc(100% / 4);
|
|
28
28
|
}
|
|
29
29
|
```
|
|
30
30
|
CSSは上記のようにすると、横並びの配置はできると思います。
|
1
修正
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
```HTML
|
|
2
|
-
<div class="botann-group">
|
|
2
|
+
<div class="botann-group"><!-- 追加 -->
|
|
3
3
|
<button class="botann">1</button>
|
|
4
4
|
<button class="botann1">2</button>
|
|
5
5
|
<button class="botann2">3</button>
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
HTML側で、"botann"などのクラスの親要素として`<div class="botann-group">`を追加し、
|
|
17
17
|
|
|
18
18
|
```CSS
|
|
19
|
+
/* 追加 */
|
|
19
20
|
.botann-group {
|
|
20
21
|
display: flex;
|
|
21
22
|
flex-wrap: wrap;
|