Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Css 在snappy pdf laravel中,如何在分页符后的第二页添加页边空白?_Css_Laravel_Pdf Generation_Wkhtmltopdf_Laravel Snappy - Fatal编程技术网

Css 在snappy pdf laravel中,如何在分页符后的第二页添加页边空白?

Css 在snappy pdf laravel中,如何在分页符后的第二页添加页边空白?,css,laravel,pdf-generation,wkhtmltopdf,laravel-snappy,Css,Laravel,Pdf Generation,Wkhtmltopdf,Laravel Snappy,我在里面使用了分页符:避免对于分页符,可以正常工作。但在第二页的顶部并没有空白。 {{$section['certification']['title']} {!!$section['certification']['data']['details'] .节包装{ 位置:相对位置; 利润底部:3%; .章节标题{ .头衔{ 字号:2rem; 字号:700; 文本转换:大写; 颜色:$蓝色; 填充:0.80px; } } .描述{ 边缘底部:2rem; 字体大小:300; 字体大小:1.5r

我在里面使用了
分页符:避免对于分页符,可以正常工作。但在第二页的顶部并没有空白。


{{$section['certification']['title']}

{!!$section['certification']['data']['details']

.节包装{ 位置:相对位置; 利润底部:3%; .章节标题{ .头衔{ 字号:2rem; 字号:700; 文本转换:大写; 颜色:$蓝色; 填充:0.80px; } } .描述{ 边缘底部:2rem; 字体大小:300; 字体大小:1.5rem; 文本对齐:左对齐; } } } }

第二页需要一些空白。我正在使用laravel 5.7和snappy pdf

您的代码在哪里?需要哪部分代码?html还是css?抱歉,如果我问了一些愚蠢的问题,你必须发布代码,以便我们能够清楚地理解,以解决你的问题problem@ShunhraSarker你必须发布HTML和CSS代码..保持在一起{内部分页符:避免;}对于自动分页符,我使用这段代码并在每个部分添加keep togather类代码在哪里?需要代码的哪一部分?html还是css?抱歉,如果我问了一些愚蠢的问题,你必须发布代码,以便我们能够清楚地理解,以解决你的问题problem@ShunhraSarker您必须发布HTML和CSS代码..保持在一起{内部分页符:避免;}对于自动分页符,我使用这段代码并在每个部分添加keep togather类
<div class="section-wrapper keep-together">
            <div class="section-title">
                <p class="title">{{ $section['certification']['title'] }}</p>
                <p class="line"></p>
            </div>
            <div class="content">
                <div class="content-row">
                    <div class="description">
                        <p>{!! $section['certification']['data']['details'] !!}</p>
                    </div>
                </div>
            </div>
        </div>

.section-wrapper {
  position: relative;
  margin-bottom: 3%;
  .section-title {
    .title {
      font-size: 2rem;
      font-weight: 700;
      text-transform: uppercase;
      color: $color-blue;
      padding: 0 80px;
    }
  }
        .desc {
          margin-bottom: 2rem;
          font-weight: 300;
          font-size: 1.5rem;
          text-align: left;
        }
      }
  }
}