Блог

У меня есть простой PDF-файл, который я создал с помощью dompdf div и css.

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

#Istarih{ float:слева; ширина: 180 пикселей; margin-right: 0 пикселей; font-weight: жирный шрифт; }

  #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

На второй странице первый плавающий элемент больше не присутствует и, следовательно, больше не влияет на второй элемент. С этим конкретным макетом, если вы хотите сохранить поля на всем протяжении документа, вы бы хотели оформить второй элемент по-другому. Удалите значение с плавающей точкой из этого элемента и дайте ему поле, равное пространству, занимаемому плавающим элементом.

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

Поля элементов в потоке, прилегающих к плавающим элементам, перекрывают поток. Приведенный выше стиль будет иметь тот же эффект, что и плавающие братья и сестры, но сохранит поля на страницах.