CSS由Handlebars C＃

Question

我目前正在使用具有处理程序模板的pdf生成器，我面临的一个问题是在通过车把编译模板后CSS无法应用，

下面的

代码片段是我使用的HTML模板，下面的图像是由车把生成的pdf的输出。

.container {
	max-width: 1140px;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.column {
    width: 100%;
    position: relative;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px;
}

div.file {
    text-align: center;
    padding: 5px;
    background-color: #E1E1E1;
    border-radius: 5px;
    min-height: 60px;
    border: 2px dashed #C7C7C7;
}

div.file .preview {
    display: block;
    margin: 0 auto;
    max-height: 168px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

<div class="container">
	<div class="row">
		<div class="column">
			<label>Image 1</label>
			<div class="file">
				<img alt="" class="preview">
			</div>
		</div>
		<div class="column">
			<label>Image 2</label>
			<div class="file">
				<img alt="" class="preview">
			</div>
		</div> 
	</div>
</div>

这是PDF输出

我还发现，flex: 0 0 50%和display: flex没有应用到输出中，我不确定为什么，对此有什么解决办法吗？

任何对此的帮助将不胜感激。谢谢。