Flexbox wkhtmltopdf呈现问题
我有一个页面,我正在用wkhtmltopdf将其转换为pdf。我有一个3列布局,它在Chrome中运行良好,但pdf生成错误。是否有一种替代flexbox的方法可以提供相同的视图或使flexbox在wkhtmltopdf中工作的方法?现代化并没有帮助。谢谢 HTML:Flexbox wkhtmltopdf呈现问题,html,css,flexbox,wkhtmltopdf,Html,Css,Flexbox,Wkhtmltopdf,我有一个页面,我正在用wkhtmltopdf将其转换为pdf。我有一个3列布局,它在Chrome中运行良好,但pdf生成错误。是否有一种替代flexbox的方法可以提供相同的视图或使flexbox在wkhtmltopdf中工作的方法?现代化并没有帮助。谢谢 HTML: wkhtmltopdf所以你必须使用它,虽然它远没有那么强大,但仍然可以实现一些相同的效果 另外请注意,您必须在许多属性前面加上-webkit-前缀,尝试使用媒体查询进行打印查看。另请参阅和。接下来我将使用css,设置Chrome
wkhtmltopdf
所以你必须使用它,虽然它远没有那么强大,但仍然可以实现一些相同的效果
另外请注意,您必须在许多属性前面加上
-webkit-
前缀,尝试使用媒体查询进行打印查看。另请参阅和。接下来我将使用css,设置Chrome>=13
对我来说很有效。
<div class="header">
<div id="name" class="center">
<h2>
Centered Text
</h2>
</div>
<div id="links" class="left">
<h3>
Left Line 1
<br>
Left Line 2
</h3>
</div>
<div id="contact" class="right">
<h3>
Right Line 1
<br>
Right Line 2
</h3>
</div>
</div>
</div class="clear"></div>
.header {
margin-top: 0;
margin-bottom: 2px;
display: flex;
justify-content: space-between;
}
.center {
order: 2;
text-align: center;
}
.left {
order: 1;
float: left;
text-align: left;
}
.right {
order: 3;
float: right;
text-align: right;
}
.clear:before,
.clear:after {
flex-basis: 0;
order: 1;
}
.clear {
clear: both;
}