这是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等)上正确呈现
通过xhtml2pdf放置HTML,imgdiv总是占用整个父div宽度,因此无论宽度和高度值如何都将h1 / h2向下推。注释掉图像,然后pdf看起来就像我想要的那样。
我的结论是图像必须对xhtml2pdf如何渲染图像以及div包含图像有一些影响。 什么是处理我的情况的正确方法?
由于