Я использую laravel -dompdf для генерации PDF из вида. Все отлично работает, кроме «text-align: center» CSS.
Выравнивается по центру, но немного «смещено» вправо.
Вот пример вывода PDF
Как видите, текст "FOTO JAMINAN", "as", "no rek" и "FOTO PERIKATAN" немного смещен вправо.
Вот вид
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
.table1 {
font-family: sans-serif;
color: #232323;
border-collapse: collapse;
}
.table1,
th,
td {
border: 1px solid #999;
padding: 8px;
width: 300px;
}
.judul {
text-align: center;
background-color: blue;
color: #ffffff;
}
</style>
</head>
<body>
<h2>Detail Data Lampiran Foto Jaminan BPKB dan Perikatan</h2>
<table style="width: 100%;">
<tr>
<td class="judul" colspan="2">FOTO JAMINAN</td>
</tr>
<tr>
<td colspan="2"><center>{{ $datafotobpkb->atasNama }}</center></td>
</tr>
<tr>
<td colspan="2">
<center>
{{ $datafotobpkb->noRekening }}
</center>
</td>
</tr>
<tr>
<td>
<center>
@if($datafotobpkb->pathJaminanAsli1 !== null)
<img width="300" src="{{url($datafotobpkb->pathJaminanAsli1)}}">
@endif
</center>
</td>
<td>
<center>
@if($datafotobpkb->pathJaminanAsli2 !== null)
<img width="300" src="{{url($datafotobpkb->pathJaminanAsli2)}}">
@endif
</center>
</td>
</tr>
<tr>
<td>
<center>
@if($datafotobpkb->pathJaminanAsli3 !== null)
<img width="300" src="{{url($datafotobpkb->pathJaminanAsli3)}}">
@endif
</center>
</td>
<td>
<center>
@if($datafotobpkb->pathJaminanAsli4 !== null)
<img width="300" src="{{url($datafotobpkb->pathJaminanAsli4)}}">
@endif
</center>
</td>
</tr>
<tr>
<td>
<center>
@if($datafotobpkb->pathJaminanAsli5 !== null)
<img width="300" src="{{url($datafotobpkb->pathJaminanAsli5)}}">
@endif
</center>
</td>
<td>
<center>
@if($datafotobpkb->pathJaminanAsli6 !== null)
<img width="300" src="{{url($datafotobpkb->pathJaminanAsli6)}}">
@endif
</center>
</td>
</tr>
<tr>
<td colspan="2" rowspan="3">
{{ $datafotobpkb->rincianAgunan }}
</td>
</tr>
</table>
<table style="width: 100%;">
<tr>
<td colspan="2" class="judul">
<center>
FOTO PERIKATAN
</center>
</td>
</tr>
<tr>
<td>
<center>
@if($datafotobpkb->pathPerikatanAsli1 !== null)
<img width="300" src="{{url($datafotobpkb->pathPerikatanAsli1)}}">
@endif
</center>
</td>
<td>
<center>
@if($datafotobpkb->pathPerikatanAsli2 !== null)
<img width="300" src="{{url($datafotobpkb->pathPerikatanAsli2)}}">
@endif
</center>
</td>
</tr>
<tr>
<td>
<center>
@if($datafotobpkb->pathPerikatanAsli3 !== null)
<img width="300" src="{{url($datafotobpkb->pathPerikatanAsli3)}}">
@endif
</center>
</td>
<td>
<center>
@if($datafotobpkb->pathPerikatanAsli4 !== null)
<img width="300" src="{{url($datafotobpkb->pathPerikatanAsli4)}}">
@endif
</center>
</td>
</tr>
<tr>
<td colspan="2">
{{ $datafotobpkb->atasNama }}
</td>
</tr>
<tr>
<td colspan="2">
{{ $datafotobpkb->noRekening }}
</td>
</tr>
<tr>
<td colspan="2">
Pokok Hutang:{{ $datafotobpkb->pokokHutang }} / Jangka Waktu : {{ $datafotobpkb->jangkaWaktu }} / Jasa :
{{ $datafotobpkb->jasa }}
</td>
</tr>
<tr>
<td colspan="2">
Tanggal Perikatan:{{ $datafotobpkb->tglPerikatan }}
</td>
</tr>
</table>
</div>
</body>
</html>
А вот и функция контроллера
public function cetak_pdf($id)
{
$datafotobpkb = Datafotobpkb::find($id);
if($datafotobpkb === null)
{
abort(404);
}
$this->check_priviledge($datafotobpkb);
$pdf = PDF::loadview('datafotobpkb.datafotobpkb_pdf',['datafotobpkb'=>$datafotobpkb]);
// return $pdf->download('datafotobpkb-'.date('Y-m-d-h-i').'.pdf');
return $pdf->stream('datafotobpkb-'.date('Y-m-d-h-i').'.pdf');
}
Есть идеи, как это исправить? Заранее спасибо.