回答編集履歴

2 ちょっと修正

kszk311 score 3309

2018/05/23 00:36  投稿

flexで、**均等配置する幅以上**の**同じサイズ**を、flexの小要素全てに指定すれば、同じ割合で配置されます。

flexで、**均等配置する幅以上**の**同じサイズ**を、flexの小要素に指定すれば、同じ割合で配置されます。

100%と指定しておけば楽かと。

```css

.pagenav {

display: -webkit-flex;

display: flex;

}

.pagenav li{

width: 100%;

}

```

下記URLは、1~6のパターン見やすいようにちょっと調整しています。

[https://codepen.io/sleepzzz/pen/KRELYq](https://codepen.io/sleepzzz/pen/KRELYq)

1 URL修正

kszk311 score 3309

2018/05/23 00:36  投稿

flexで、**均等配置する幅以上**の**同じサイズ**を、flexの小要素全てに指定すれば、同じ割合で配置されます。

100%と指定しておけば楽かと。

```css

.pagenav {

display: -webkit-flex;

display: flex;

}

.pagenav li{

width: 100%;

}

```

下記URLは、1~6のパターン見やすいようにちょっと調整しています。

[https://codepen.io/pen/](https://codepen.io/pen/)

[https://codepen.io/sleepzzz/pen/KRELYq](https://codepen.io/sleepzzz/pen/KRELYq)