Dompdf 为啥当您转到第二页时，文本向左移动

Posted 2023-03-14

【中文标题】Dompdf 为啥当您转到第二页时，文本向左移动

【英文标题】：Dompdf Why When you go to second page the text goes to the leftDompdf 为什么当您转到第二页时，文本向左移动

【发布时间】：2022-01-10 06:32:58

【问题描述】：

我有一个使用 dompdf div 和 css 创建的简单 pdf。

 #menu
        width:600px;
        float:left;
        margin-top:10px;
        font-weight: bold;   
            
             

#Istarih 浮动：左；宽度：180px；边距右：0px；字体粗细：粗体；

 #Isdeneyimi
          float:left;
          width:500px;
          word-wrap:break-word;
          margin-right:0px;   
            
.clear
            
                clear:both;
                height:10px;
            






<div>
    <div id="menu">WORK</div>
    <div class="clear"></div>
    <div id="Istarih">2002</div><div id="Isdeneyimi"><b>WORK</b><br>WORK<br><br> blblablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablaablabla <br></div><div class="clear"></div>
    </div>

当您转到第二页时，文本向左移动

我该如何解决这个问题？

Dompdf Long Text Problem

【问题讨论】：

交叉发布到 Dompdf 项目问题跟踪器 github.com/dompdf/dompdf/issues/2675

【参考方案1】：

在第二个页面上，第一个浮动元素不再存在，因此不再影响第二个元素。使用这种特定的布局，如果您想在整个文档中一直保持边距，您可能希望以不同的方式设置第二个元素的样式。从该元素中移除浮动元素，并为其设置与浮动元素所占空间相等的边距。

#Isdeneyimi 
    width:500px;
    word-wrap:break-word;
    margin-right:0px;
    margin-left: 180px;

与浮动元素相邻的流入元素的边距覆盖流。上述样式将具有与浮动兄弟相同的效果，但会保持页面间的边距。