模态垂直位置中心

Question

1.如何将模态放在中心位置？

2.使用Angular 2/4和html5，JS和css！

<ng-template #content let-c="close">
                <div class="modal-header">
                    <h4 class="modal-title">Deseja excluir definitivamente?</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" title="Confirmar Ação" (click)="c('Close click')" (click)="deleteUser(user)">Confirmar</button>
                    <button type="button" class="btn btn-secondary" title="Cancelar Ação" (click)="c('Close click')">Cancelar</button>
                </div>
            </ng-template>

Answer 1

<ng-template #content let-c="close">
            <div class="modal-header">
                <h4 class="modal-title">Deseja excluir definitivamente?</h4>
            </div>
            <!--add this in start here--><div class="modal-body">
    <p>Some text in the modal.</p><!--end here-->
  </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" title="Confirmar Ação" (click)="c('Close click')" (click)="deleteUser(user)">Confirmar</button>
                <button type="button" class="btn btn-secondary" title="Cancelar Ação" (click)="c('Close click')">Cancelar</button>
            </div>
        </ng-template>

Answer 2

根据您的要求，您的模式应在固定的高度，因此您可以设置顶部页边距和其他css。

或

在DOM/HTML渲染到模式体之后，您必须计算模式高度，然后再次应用一些计算逻辑并从后端设置顶部边距。