div分页溢出新线

Question

我有一个分页div帽显示页面：上一页1 2 3 4 5 6 ...下一页

<div id='page_navigation'></div>

但是当我有超过26页时，分页div会溢出容器 现在我应用了{overflow:hidden;} ad {overflow:scroll;}这些工作正常。但溢出得到隐藏覆盖和滚动我有这个丑陋的滚动条。现在我想要的是div具有certan宽度，然后当到达页面div结束时，其他页面数字显示在新行的容器中

所以分页看起来像这样：

上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 27 28 29 30 31 32 33 34 ...下一步

CSS代码

<style>
#page_navigation a{
    padding:3px;
    border:1px solid gray;
    margin:2px;
    color:black;
    text-decoration:none
}
.active_page{
    background:darkblue;
    color:white !important;

}
</style>