如何避免dompdf中的分页符

Question

我在pdf中显示了一些问题答案。但在某些情况下，一页上的问题和答案将进入下一页。我想避免这种情况。我想在第一页或下一页在同一页面显示问题和答案。我试过CSS如下：

.questiontext
{
  unbreakable: true
}

但这对我不起作用。请帮助我。我添加了pdf帮助和查看页面如下。

$d_arr=date('Y-m-d H:i:s');
$location_name="test"       
$list_content=$this->generate_form_list($submission_id,$client_id); 


        $filename_proposalpdf="formname.pdf";
        $this->load->helper(array('dompdf', 'file'));
        pdf_create_proposal($list_content,$filename_proposalpdf,true);

在生成表单列表中我添加了查看页面如下：

public function generate_form_list($id,$client_id)
{
    $data['form_data']=$this->Mobile_app_model->get_form_list($id,$client_id);
    $data['client_data']=$this->Mobile_app_model->get_client_data($client_id);
    $data['client_idsss']=$client_id;
    return $this->load->view('pdf_formlist',$data,true);
}

在视图页面中，我只显示了如下数据：

<?php
foreach($task_data as $fdata)
{ 
  echo '<p class="questiontext">';echo $fdata['question_text'];echo '</p>';
  echo '<p id="lableanswer">';echo $fdata['answer'];echo '</p>';echo '<br/>';
}
?>

请帮我如何使两者都在一个页面。

Answer 1

unbreakable属性用于防止换行，而不是分页符。

你在寻找的是：

.question 
{
  page-break-inside: avoid;
}

您可以在此External reference中找到更详细的参考

解决下面的评论，问题是您需要将问题和答案都包含在使用page-break-inside: avoid;设计的单个元素中

.dontsplit
{
  page-break-inside: avoid;
}

<?php
foreach($task_data as $fdata)
{
  echo '<div class="dontsplit">'; 
  echo '<p class="questiontext">';echo $fdata['question_text'];echo '</p>';
  echo '<p id="lableanswer">';echo $fdata['answer'];echo '</p>';echo '<br/>';
  echo '</div>';
}
?>

如果你使用dontsplit设置page-break-inside: avoid;类的样式，你将得到整个问题 - 答案块，以避免分页。