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