teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

ソースの追加

2019/02/12 09:41

投稿

urara
urara

スコア29

title CHANGED
File without changes
body CHANGED
@@ -10,6 +10,22 @@
10
10
 
11
11
  ![イメージ説明](21e4c2ac6724a2352f5b9d090fff2137.png)
12
12
 
13
+ ```css
14
+ ul {
15
+ column-count: 4;
16
+ }
17
+
18
+ li a {
19
+ width: 254px;
20
+ }
21
+ ```
22
+
23
+ width: 254px;は、試しに少なめに入れた数字です。
24
+ ulの幅は1040pxなので260pxでも収まる想定となっています。
25
+ ulにfont-size:0を指定して隙間を無くすなども試しました。
26
+
27
+
28
+
13
29
  4列入るスペースはあり、カラム落ちなどではないかと思います…。
14
30
 
15
31
  検索をかけましたが、「段数が少なくなることもある」と記載されている書籍がありましたが、理由が載っておらず解決方法がはっきりしません。