私の仕事は、アップロードされた HTML ファイルを Microsoft Word のような複数のページに分割するリーダーを生成することです。ただし、コンテンツが「紙」の底に達したことを検出する方法がわかりません。
アップロードされたファイルは、複数のテーブルで構成されるレポートであるため、そのサイズは予測できません。属性は新しいページで表現する必要があるため、表のスタイルは保持する必要があります。
現在のコードでjsfiddleを作成しました。
<div class="paper"> <span>
Singing is the act of producing musical sounds with the voice, and augments regular speech by the use of both tonality and rhythm.<br /> One who sings is called a singer or vocalist. Singers perform music (Arias, Recitatives, Songs, etc.) that can be sung either with or without accompaniment by musical instruments. <br />Singing is often done in a group of other musicians, such as in a choir of singers with different voice ranges, or in an ensemble with instrumentalists, such as a rock group or baroque ensemble. <br />
</span>
<table class="table">
<tr>
<td colspan="2">ce</td>
</tr>
<tr>
<td>brbr</td>
<td>brbr</td>
</tr>
<tr>
<td>brbr</td>
<td>brbr</td>
</tr>
</table>
<span>
Singing is the act of producing musical sounds with the voice, and augments regular speech by the use of both tonality and rhythm.<br /> One who sings is called a singer or vocalist. Singers perform music (Arias, Recitatives, Songs, etc.) that can be sung either with or without accompaniment by musical instruments. <br />Singing is often done in a group of other musicians, such as in a choir of singers with different voice ranges, or in an ensemble with instrumentalists, such as a rock group or baroque ensemble.
</span>
</div>
.paper {
width:150px;
height:200px;
border:#CCC 1px solid;
overflow:hidden;
margin:0px 5px 5px 5px;
padding: 5px;
box-shadow: 3px 3px 0px #DDD;
}
.table {
width:100%;
border:#CCC 1px solid;
text-align:center;
}
実現する方法を教えてください。