Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 中心对齐分页_Ruby On Rails_Css_Ruby On Rails 3_Will Paginate - Fatal编程技术网

Ruby on rails 中心对齐分页

Ruby on rails 中心对齐分页,ruby-on-rails,css,ruby-on-rails-3,will-paginate,Ruby On Rails,Css,Ruby On Rails 3,Will Paginate,我正在使用will_paginate进行分页,并使用代码根据Digg使用的样式设置分页链接的样式。这是我的建议。我正在尝试将分页居中对齐,但似乎无法获得指向居中的实际链接。我试着将它们包装在自己的div中,然后做边距:auto;但是链接仍然保持左对齐。提前感谢,以下是rails和css代码: 轨道 更新:我是CSS新手,我认为div会自动调整大小以适应其内容。我正在寻找一个解决方案,作为一个答案。当我意识到我在寻找什么后,我在谷歌上搜索并找到了答案。我想你应该这样做 and make widt

我正在使用will_paginate进行分页,并使用代码根据Digg使用的样式设置分页链接的样式。这是我的建议。我正在尝试将分页居中对齐,但似乎无法获得指向居中的实际链接。我试着将它们包装在自己的div中,然后做边距:auto;但是链接仍然保持左对齐。提前感谢,以下是rails和css代码:

轨道

更新:我是CSS新手,我认为div会自动调整大小以适应其内容。我正在寻找一个解决方案,作为一个答案。当我意识到我在寻找什么后,我在谷歌上搜索并找到了答案。

我想你应该这样做

 and make width 50% in digg_pagination class

 <div class="pagination">
    <div class="page_info" style="text-align: right">
         <%= page_entries_info @vars %>
    </div>
    <div class="pagination_links">
         <%= will_paginate @vars, param_name: 'index_paginate', :container => false %>
    </div>
 </div>
并使digg_分页类的宽度为50%
假%>
谢谢。

我已经创建了一个JSFIDLE供您查看答案。它要求在包装div中使用分页类包装div,然后使用

margin: 0 auto;

我希望这能有所帮助。

如果你不希望你的中心有一个宽度,我建议你检查。

我在你的标记中没有看到……你是想把它包括在css中吗?是的,我不应该包括第一部分,因为它与问题无关。抱歉,谢谢你的回答技巧,但是,这不起作用,因为它将整个分页集中在页面中。我希望链接也要居中。你可以在你的小提琴上看到这一点,只需去掉1,2,和3,并更改内部背景颜色。分页为黑色。我尝试了您的解决方案,但它不适用于具有动态大小的分页。我在will_paginate上使用渲染器尝试了此方法:FoundationPagination::Rails,它完全按照我的要求工作-链接现在居中。非常感谢!请参阅我对技巧答案的评论,如果我理解正确,也适用于此处。谢谢
 and make width 50% in digg_pagination class

 <div class="pagination">
    <div class="page_info" style="text-align: right">
         <%= page_entries_info @vars %>
    </div>
    <div class="pagination_links">
         <%= will_paginate @vars, param_name: 'index_paginate', :container => false %>
    </div>
 </div>
margin: 0 auto;