#php #css #laravel
Вопрос:
В настоящее время у меня проблема с тем, что мои карты моя 9-я карта отображается на двух страницах, хотя на первой странице все еще достаточно места. У кого-нибудь есть подходящее решение этой проблемы?
Я пробовал все, что угодно: разрыв страницы внутри, разрыв страницы до, разрыв страницы после. Ничего не получается.
Изображение: https://drive.google.com/drive/my-drive
указатель.лезвие срезано:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
@yield('third_party_stylesheets')
@stack('page_css')
<style>
.layout{
width: 100%;
height: 100%;
/*margin: 11mm 20mm;*/
margin-top: 10mm;
margin-bottom: 0;
margin-left: 25px;
}
.box {
/*border: 1px dashed black;*/
display: inline-block;
width: 87mm;
margin-top: -15px;
margin-bottom: 0px;
margin-left: -10px;
margin-right: -1px;;
padding-top: 15px;
}
p {
text-align: right;
}
.card{
width: 85mm;
height: 55mm;
border: 1px solid black;
.pb {
page-break-inside: always;
}
</style>
</head>
<body class="layout">
@for( $i = 0; $i < 10 ; $i )
<div class="box">
<div class="card">
....
</div>
</div>
@if($i % 2)
<br>
@endif
@if($i % 10 == 9)
<p class="pb" style="display: none;"></p>
@endif
@endfor
</body>
</html>
Комментарии:
1. добавьте скриншот сюда сам, это помогло бы понять проблему, ссылка на диск не работает для everone
2. @bhucho теперь я добавляю скриншот