【问题标题】:Laravel: How to avoid line-break in custom pagination?Laravel:如何避免自定义分页中的换行符?
【发布时间】:2016-12-26 16:21:48
【问题描述】:

我在解决问题时遇到了困难。我在我的视图页面中做了一个自定义分页,但是分页项会出现如下图所示的换行符:

我试图通过添加<div> 来避免这种情况,但无法解决。

我在</table> 标签的末尾使用了以下行。

{{ $managementReport->render()}}

【问题讨论】:

  • 你用的是laravel分页吗?
  • 是的!但是当我使用原始查询来获取数据时,我使用了LengthAwarePaginator。它也在手册中.. laravel.com/docs/5.3/pagination#manually-creating-a-paginator
  • 您可以通过修改 vendor/laravel/framework/src/Illuminate/Pagination 或 CSS 的分页来解决此问题
  • 检查 <li><a> 样式 default 的 CSS 代码。愿您的 css 代码为该代码提供样式。附:分页使用这种结构。
  • @Beginner:您不能安全地修改供应商目录中的代码。下次您进行作曲家更新时,您的更改将被覆盖。所以请避免这样的建议。

标签: laravel laravel-5 pagination


【解决方案1】:

您的分页代码没有问题;它可能只是输出一个无序列表,默认情况下,每个项目都呈现在它自己的行中。您可以使用以下规则轻松地使用纯 CSS 覆盖此行为(我假设您已将 .pagination 类添加到您的 ul):

.pagination {
  padding-left: 0;
  list-style: none;
}

.pagination > li {
  display: inline-block;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-02-28
    • 2014-05-08
    • 1970-01-01
    • 2012-03-06
    • 1970-01-01
    • 1970-01-01
    • 2016-09-21
    • 1970-01-01
    相关资源
    最近更新 更多