0

<div>それぞれ高さが可変で幅が固定の大きな s のリストがあります。リストは次のようになります。

1.  Heading
    This is a short paragraph. It doesn't contain very many sentences.

2.  Heading
    Now this paragraph, THIS one, is quite long. It could be over 10 lines in
    length. It might be even longer. Now this paragraph is aimless and going
    nowhere and I'm annoying the good folks on Stack Overflow because they might
    actually be helping me, and reading this is boring.






----------------------------------- Page Break ----------------------------------

3. Heading
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sapien
   orci, fermentum ac pellentesque quis, pretium at odio. Fusce quis dignissim
   nisi. Ut rhoncus tortor ut diam aliquam auctor ullamcorper vitae urna.
   Pellentesque elementum urna sed quam vehicula et elementum orci accumsan.
   Nullam feugiat tempor ipsum et rhoncus. Maecenas ultrices, sem a posuere
   pharetra, mi lorem rhoncus dolor, ac consectetur mauris tortor quis nulla.
   Mauris consequat tincidunt nibh, consectetur adipiscing erat vulputate ac.





----------------------------------- Page Break ----------------------------------

4. Heading
   Sed magna mi, egestas non imperdiet id, interdum nec quam. Nullam et libero
   a urna convallis congue ac ut tellus. Aliquam in erat metus. Sed tempus,
   ipsum ut vehicula convallis, massa neque faucibus est, quis cursus dolor
   feliset dolor. Vivamus ultrices odio purus, vitae condimentum mi. Aenean
   lacus dui, pellentesque vestibulum pretium sed, cursus non metus. Praesent
   quis velit a lacus commodo adipiscing. Donec sollicitudin arcu quis est
   faucibus malesuada. Curabitur sem quam, accumsan sed tempor sed, tincidunt
   imperdiet nisl. Fusce non malesuada elit. Donec dolor eros, lacinia ut tempus
   dictum, mi elementum elementum feugiat, metus augue dapibus felis, eget
   pharetra lectus elit quis sapien. Nulla ullamcorper, elit in sodales
   tincidunt, purus nisi venenatis sem, sit amet blandit nisl lorem non velit.
   Nullam vulputate, dui auctor consectetur pellentesque, est nibh vulputate
   eros, non egestas ante nunc a dui. Donec porta mollis pharetra. Quisque ut
   nisl turpis. Maecenas et sem a magna lacinia porta nec non nulla.
   Vestibulum sed justo sit amet lorem consectetur auctor eu nec neque.
   Curabitur dignissim pellentesque sollicitudin. Sed mattis arcu justo.
   Nunc in felis elit.

このリストをいくつかの「ページ」に分けて、「改ページ」、改ページ、(それぞれ同じ HTML ページにありますが)、それぞれの高さを固定したいと思います。各ページに項目が 1 つしかない場合を除き、長い段落を複数のページに分割したくありません。どうすればこれを行うことができますか?私は jQuery が不可欠かもしれないと考えています。

PDFに変換したいのでこれを行っていますが、これが最善の方法だと思われます。

4

1 に答える 1

1

同様の投稿:互換性の問題のため、page-break-inside:void の代替

以前にこれに対するエレガントな CSS ソリューションを見つけようとしましたが、役に立ちませんでした。上記のリンクが機能しない場合は、各段落の高さ (間隔を含む) を計算するスクリプトを作成し、それに応じて、ページの長さを表す固定高さの div に収まるようにします。

于 2012-08-23T18:09:04.273 に答える