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