回答編集履歴

1

調整

2021/10/05 02:02

投稿

yambejp
yambejp

スコア116734

test CHANGED
@@ -55,3 +55,65 @@
55
55
  </ul>
56
56
 
57
57
  ```
58
+
59
+ # 調整
60
+
61
+ ```CSS
62
+
63
+ <style>
64
+
65
+ ul{
66
+
67
+ list-style:none;
68
+
69
+ display:flex;
70
+
71
+ flex-wrap:wrap;
72
+
73
+ justify-content:space-between;
74
+
75
+ padding:0px;
76
+
77
+ }
78
+
79
+ li{
80
+
81
+ display:block;
82
+
83
+ height:60px;
84
+
85
+ margin:0px;
86
+
87
+ max-width:calc(50% - 40px);
88
+
89
+ min-width:34%;
90
+
91
+ background-Color:gray;
92
+
93
+ word-break:break-all;
94
+
95
+ }
96
+
97
+ li:nth-child(n+3){
98
+
99
+ margin-top:20px;
100
+
101
+ }
102
+
103
+ </style>
104
+
105
+ <ul>
106
+
107
+ <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
108
+
109
+ <li>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</li>
110
+
111
+ <li>3</li>
112
+
113
+ <li>4</li>
114
+
115
+ <li>5</li>
116
+
117
+ </ul>
118
+
119
+ ```