个人中心
gpt4 book ai didi

php - 文本对齐 : center on Generate PDF via DomPDF (Laravel) a little bit offset to the right

转载 作者：行者123 更新时间：2023-12-05 06:21:29 24 4
gpt4 key购买 nike

我使用 laravel-dompdf 从 View 生成 pdf。除了“text-align: center”CSS 之外，一切正常。

它与中心对齐，但向右“偏移”了一点。

这是示例 PDF 输出

enter image description here

如您所见，“FOTO JAMINAN”、“as”、“no rek”和“FOTO PERIKATAN”文本向右偏移了一点点。

这是 View 

<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>

这是 Controller 函数

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');

    }

知道如何解决这个问题吗？提前致谢。

最佳答案

如果您仍想使用相同的库 Barryvdh\DomPDF\Facade::class ，有两种选择。经过测试，运行良好

对于居中对齐，显示 block 解决方案

<p style="display: block; margin-left: auto; margin-right: auto; font-size: 16px; text-align: center;">
   ...
</p>

使用 float 

<div>
    <div style="float:left; font-size: 20px; font-weight: bold">
        ...
    </div>
    <div style="float:right; font-size: 20px; font-weight: bold">
        ...
    </div>
</div>

关于php - 文本对齐 : center on Generate PDF via DomPDF (Laravel) a little bit offset to the right，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59840718/

24 4 0
文章推荐： blazor - 带有 Blazor 应用程序的随机 "Error: The circuit failed to initialize"
文章推荐： jupyter-notebook - 打开Jupyter Notebook时如何在其上执行代码
文章推荐： mercurial - Mercurial largefiles 和 lfs 扩展之间有什么区别？
文章推荐： javascript - three.module.js 的 404 错误(找不到文件)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com