回答編集履歴

2 ちょっと修正

kszk311

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

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)

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る