Html 在内部使用分页符时第一页变空

我在使用

内部分页符：避免以避免元素内部的中断。
但是，如果元素内容有多个页面，它将创建新的空白，并且元素将转到打印/转换为pdf的下一页

你能帮我摆脱困境吗？提前谢谢

<div class='padding-top' style='page-break-inside: avoid;'>
   <div class='important' style='min-height:20px;'>
       <div class='imp-content'><span class='imp-header'
        style='text-transform:uppercase;float:left;'>Important<sup>
         {{data}} 
        </div>
   </div>
 </div>


重要的
{{data}}
详细解释。还可以添加一些代码。您能否提供一些代码或代码片段，只有我们才能理解确切的问题？这是否回答了您的问题@阿德什库马尔感谢您的回复，但这并不准确solution@user1850484请检查代码片段。谢谢