Javascript 如何修复功能失调的分页？

这有点不对劲&我不知道怎么解决它。我假设这不是它应该看起来的样子（我添加了背景色）：

我假设字母水平显示：

All A P

我知道有些地方不对劲，因为A后面的字母都是不可读的。一个用户只能单击“全部”或“A”，我在这个分页中只有两个用户，让我们称他们为“Anthony”和“Paul”

控制器

class UsersController < ApplicationController

  def index
    @users, @alphaParams = User.all.alpha_paginate(params[:letter]){|user| user.name}
  end

  ...
end

你认为原因是什么？请不要犹豫，询问进一步的代码或说明。

添加了CSS类

  def index
    @users, @alphaParams = User.alpha_paginate(params[:letter], {:pagination_class => "pagination-centered"}){|user| user.name}
  end

CSS

添加了CSS类

  def index
    @users, @alphaParams = User.alpha_paginate(params[:letter], {:pagination_class => "pagination-centered"}){|user| user.name}
  end

CSS

---

能否尝试删除

中的

渲染

？这可能不能解决所有的问题，但根据gem自述文件，我看到这是如何做到的。您使用的是哪个版本的rails？@VamsiKrishna删除渲染没有任何影响：/I正在使用

rails 4.2.0.rc3

您可以尝试删除

内部
的
渲染吗？这可能不能解决所有的问题，但根据gem自述文件，我看到这是如何做到的。您使用的是哪个版本的rails？@VamsiKrishna删除render没有影响：/I正在使用
rails 4.2.0.rc3
之后一切正常吗？我想这应该只解决横向和纵向的问题。此外，gem不支持rails4。查看这个问题@VamsiKrishna，它解释了为什么我有这么多困难。虽然我的答案是水平的，但它修复了CSS，使其看起来像twitter引导分页，现在所有的字母都可以点击：]之后一切都正常吗？我想这应该只解决横向和纵向的问题。此外，gem不支持rails4。查看这个问题@VamsiKrishna，它解释了为什么我有这么多困难。虽然我的答案是水平的，但它修复了CSS，使其看起来像twitter引导分页，现在所有的字母都可以点击：]
  def index
    @users, @alphaParams = User.alpha_paginate(params[:letter], {:pagination_class => "pagination-centered"}){|user| user.name}
  end

.pagination-centered {
  li {
  display: inline;
  padding: 6px 12px;
  background-color: white;
  border: 1px solid #ddd;
  margin-left: -1px;
  a {
    color: #446CB3;
  }
  }
  li.active {
    background-color: #446CB3;    
  }
}