Блог

В настоящее время пытаюсь создать базовую HTML-страницу с адресами, отформатированными в стиле 2×8.

Используя Bootstrap, я получил его рендеринг, но когда я иду печатать, данные больше не в столбцах, а в 1×16.

 <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
<style>
.address-label-page {
    height: 297mm;
    width: 180mm;
    position: relative;
}
</style>

<div class="address-label-page">
@{
    var addresses = 0;
}
@for (var i = 0; i < Model.AddressLabels.Count; i  = 2)
{
    addresses  = 2;
    @if (Model.AddressLabels.Count >= i 1)
    {
        <row>
            <col6>
                <span>@Model.AddressLabels[i].FullName</span>
                <p>@Model.AddressLabels[i].Address.Replace("\n", "<br/>")</p>
            </col6>
            @if (Model.AddressLabels.Count >= i   2)
            {
                <col6>
                    <span>@Model.AddressLabels[i   1].FullName</span>
                    <p>@Model.AddressLabels[i   1].Address.Replace("\n", "<br/>")</p>
                </col6>
            }
        </row>

        @if (Model.AddressesPerPage == addresses)
        {
            <p style="page-break-before: always"></p>
        }
        else
        {
            <p class="p-5"></p>
        }
    }
}
</div>
 

Игнорируйте тот факт, что это определенно нуждается в очистке, просто просто пытаясь заставить это правильно напечатать.
Кроме того, в inspect адрес отображается в многострочном формате, но при просмотре пользователем всего в одной строке, почему бы это было?