1

これがcssのセグメントです:

.imgdiv{
  float:left;
  padding:0px;
  margin:0px 0px 10px 0px;
  background-color:yellow;
  width:55px;
  height:68px;
}

.zheader{
  padding:0px;
  margin:0px 0px 0px 65px;
}

そしてここにhtmlのセグメントがあります

<div>
  <div class="imgdiv">
     <!-- <img src="images/redzone.gif"> -->
  </div>
  <div class="zheader">
    <h1>Red Zone = Danger</h1>
    <h2>Everything is RED</h2>
  </div>
  <p></p>
</div>

画像を左に浮かせ、h1/h2を画像の右に浮かせたい。HTMLはブラウザ(Chrome、IEなど)で適切にレンダリングされます

HTMLをxhtml2pdfに配置すると、imgdivは常に親divの幅全体を占めるため、幅と高さの値に関係なく、h1/h2を下に押し下げます。画像をコメントアウトすると、PDFは私が望むとおりに表示されます。

私の結論は、画像はxhtml2pdfが画像をレンダリングする方法に何らかの影響を与える必要があり、divには画像が含まれているということです。私の状況を処理する適切な方法は何ですか?

ありがとう

4

0 に答える 0