Javascript epubjs阅读器格式副本扩展()一页未对齐到中心
开发了epub reader组件,它可以正常工作,但也有一些epub文件的情况,书的第一页总是在左边对齐,而通常是在中间。这些对齐设置在弹出窗口中,您可以选择“展开到一页”或“展开到两页” 对话框示例:Javascript epubjs阅读器格式副本扩展()一页未对齐到中心,javascript,typescript,alignment,epub,epub.js,Javascript,Typescript,Alignment,Epub,Epub.js,开发了epub reader组件,它可以正常工作,但也有一些epub文件的情况,书的第一页总是在左边对齐,而通常是在中间。这些对齐设置在弹出窗口中,您可以选择“展开到一页”或“展开到两页” 对话框示例: <mat-radio-group [(ngModel)]="epubTextOptions.selectedTwoPages" class="inline-button"> <mat-radio-button [value]=
<mat-radio-group [(ngModel)]="epubTextOptions.selectedTwoPages" class="inline-button">
<mat-radio-button [value]="false" [checked]="!epubTextOptions.selectedTwoPages" class="inline-button">{{'reader.textOptions.dialog.onePage' | translate}}</mat-radio-button>
<mat-radio-button [value]="true" [checked]="epubTextOptions.selectedTwoPages" class="inline-button">{{'reader.textOptions.dialog.twoPages' | translate}}</mat-radio-button>
</mat-radio-group>
html组件:
<div id="epubContent" class="d-flex align-items-center" [style.height]="contentHeight + 'px'">
<app-button *ngIf="displayPrevPageButton() && !isMobileDevice()" (btnClick)="prevPage()"
btnClass="mat-icon-button epub-action"><span class="far fa-chevron-left"></span></app-button>
<div #ePub class="epub-container"></div>
<app-button *ngIf="displayNextPageButton() && !isMobileDevice()" (btnClick)="nextPage()"
btnClass="mat-icon-button epub-action"><span class="far fa-chevron-right"></span></app-button>
</div>
所有内容都是从epubjs库示例中实现的,并根据读者的需要进行了调整,但正如我所说的,大多数epub spread()功能都在工作,但也有epub文件,其中第一页在“一页”时与左侧对齐选择了,而不是居中对齐。在vs中,我认为有一种自动对齐的方法,可以尝试与我从未使用过epub类似的方法。在vs中,我认为有一种自动对齐的方法,可以尝试与我从未使用过epub类似的方法
<div id="epubContent" class="d-flex align-items-center" [style.height]="contentHeight + 'px'">
<app-button *ngIf="displayPrevPageButton() && !isMobileDevice()" (btnClick)="prevPage()"
btnClass="mat-icon-button epub-action"><span class="far fa-chevron-left"></span></app-button>
<div #ePub class="epub-container"></div>
<app-button *ngIf="displayNextPageButton() && !isMobileDevice()" (btnClick)="nextPage()"
btnClass="mat-icon-button epub-action"><span class="far fa-chevron-right"></span></app-button>
</div>