CSS не работает после компиляции Handlebars C # - PullRequest
Новая
       25

CSS не работает после компиляции Handlebars C #

0 голосов
/ 13 сентября 2018

В настоящее время я работаю над генератором 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 не применяются в выводе, и я не уверен, почему, есть ли какое-то решение по этому поводу?

Любая помощь в этом будет оценена. Благодаря.

...