0

我使用 barryvdh/laravel-snappy 生成 pdf，需要在我的 pdf 文档中创建签名区域。必须有两个签名字段，因为它是合同 pdf，但是当我使用 css 网格或 flex 时，它们会将一个放在另一个之下。如何将它们并排放置？

 <div class="flex-container" style="  display:flex;                    
                    padding: 10px;">
            <div class="flex-item" style="padding: 20px; text-align: center;">
                <h2 style="text-decoration:underline">sign1</h2>                
            </div>
            <div class="flex-item"  style="padding: 20px; text-align: center;">
                <h2 style="text-decoration:underline">sign2</h2>
            </div>                    
    </div>
4

1 回答 1

1 

<div class="flex-container" style=" margin: auto; display:table;                    
                    padding: 10px;border:1px solid red">
            <div class="flex-item" style="padding: 20px; text-align: center;background-color: blue; display: table-cell">
                <h2 style="text-decoration:underline">sign1</h2>                
            </div>
            <div class="flex-item"  style=" margin: auto; padding: 20px; text-align: center;background-color: green; display:table-cell">
                <h2 style="text-decoration:underline">sign2</h2>
            </div>                    
    </div>

没错，我尝试将带有 flex 的 HTML 转换为 PDF。两个容器排成两条线。我的建议是使用 'display:table' 到 '.flex-container' 和 'display: table-cell' 到 '.flex-item。这对我有用。

于 2021-09-29T15:44:06.137 回答