Я использую библиотеку VUE-HTML2PDF для генерации PDF из динамических данных в моем приложении VUE.JS. Я пытаюсь контролировать разрывы страниц в PDF, особенно для макета сетки, где каждый элемент отображается внутри COL-MD-4 (с несколькими элементами на строку). Я пытаюсь избежать нарушения контента в середине каждого элемента, используя страницу-разрывы: избегайте;, но он все еще неправильно разбивает контент. ; CSS Property, похоже, не работает, как и ожидалось. Несмотря на то, что я использую его для предотвращения разрывов страниц в середине элементов, контент все еще ломается в неожиданных местах. height = "1400" и другие варианты макета, но они, кажется, не решают проблему. Пейдж-разрывы внутри: Избегайте; Чтобы предотвратить разделение контента.
Регулирование настройки лиц и высоты в VUE-HTML2PDF.
Использование оба: float-layout = "false" и: manual-pagination = "false", чтобы предотвратить автоматические разрывы страницы .
тестирование с различными объемами контента и разных размеров экрана. < /p>
alt="company_logo"
style="width: 100px"
/>
Asset Name
Asset Code:
{{ item.ASSET_CODE }}
{{
item.ASSET_NAME.length > 30
? item.ASSET_NAME.substring(0, 30) + "..."
: item.ASSET_NAME
}}
Подробнее здесь:
https://stackoverflow.com/questions/793 ... in-mid-way
Мобильная версия