Печать collapse елемента в @media print?

Question

[zelsky]

Не могу отобразить collapse при печати. В чем ошибка ? Делал несколько варинатов, здесь в растояние межу заголовками влазит текст которьій в нутри елементов collapse . Где я ошьібся.

@media print {
   .dropdown {
    display: none;
   }
   #collapseTwo {
    display:  inline;

   }
     .collapse 
        page-break-inside: avoid;
    display:  inline;
    }

}

{

<div class="panel">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo" class="collapsed">
                      <h4>Text</h4>
                    </a>
                  </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse" style="height: 0px;">
                  <div class="panel-body">
                   Text
                  </div>
                </div>
              </div>

Answer 1

[zelsky]

Вот решение. Добавить висабилити.

.collapse {
        page-break-inside: avoid;
        display:  inline;
        visibility: visible;
        }

Answer 2

[Александр Зачиналов]

судя по вашему примеру:
1)

#collapseTwo {
    display:  inline;

   }
     .collapse 
        page-break-inside: avoid;
    display:  inline;
    }

это один и тот же блок, зачем копировать стили?
2) Смотрите стили класса collapse и обнуляйте именно их, возможно скрыт он и не по display свойствам
3) У вас инлайн-стиль height:0, это тоже надо учесть

Comments

[zelsky]

не сработало растояние осталось а вот текста нету