Html 如何在PagedList.Mvc中将页码放在一行中?

Html 如何在PagedList.Mvc中将页码放在一行中?,html,css,asp.net-mvc,pagedlist,Html,Css,Asp.net Mvc,Pagedlist,我正在使用PagedList.Mvc版本3.18。现在,有关页面的信息如下所示: Page 1 of 3 ← Previous 1 2 3 Next → 如何以这种方式展示: Page 1 of 3 ← Previous 1 2 3 Next → Index.cshtml <div id="pager"> Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber)

我正在使用PagedList.Mvc版本3.18。现在,有关页面的信息如下所示:

Page 1 of 3
    ← Previous
    1
    2
    3
    Next →
如何以这种方式展示:

Page 1 of 3
← Previous 1 2 3 Next →
Index.cshtml

<div id="pager">
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager(Model, page => Url.Action("Index", new { page, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter }))
</div>

如何将页码放在一行?

您是否记得在视图中呈现页面列表CSS文件

@Styles.Render("~/Content/PagedList.css")
@Styles.Render("~/Content/PagedList.css")
    @Html.PagedListPager(Model, page => Url.Action("IndexMsgUser", new { page, currentFilter = ViewBag.CurrentFilter }),
new PagedListRenderOptions()
{
           DisplayLinkToFirstPage = PagedListDisplayMode.Always,
           DisplayLinkToPreviousPage = PagedListDisplayMode.Always,
           DisplayLinkToLastPage = PagedListDisplayMode.Always,
           DisplayLinkToNextPage = PagedListDisplayMode.Always,
           MaximumPageNumbersToDisplay = 3, // number of pages in line
           DisplayEllipsesWhenNotShowingAllPageNumbers = false
})