首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >MVC打印分页符不起作用,内容被切断

MVC打印分页符不起作用,内容被切断
EN

Stack Overflow用户
提问于 2018-05-28 12:28:07
回答 2查看 899关注 0票数 8

我尝试了下面的代码在打印时分页,但它不起作用,我了解到分页在嵌套的div标签中不起作用,我不确定如何实现这一点,基本上我试图显示图像,所以在一行中将有4个或更多的基于屏幕的显示尺寸,但在打印时,它应该连续打印4个图像,接下来的4个图像应该打印在下一页,就像现在打印时,图像和内容被切断一样,请帮助

代码语言:javascript
运行
复制
     <div class='row small'>
        @foreach (var item in Model.BuyerList.ImageList)
        {

            <div class="card bg-light mb-3 mr-1 card-text-fixed-width" style='page-break-after:always'>
                <div class="img-control">
                    @if (!string.IsNullOrWhiteSpace(item.ImageUrl))
                    {
                        <img src="@item.ImageUrl" style="height:150px;" class="card-img-top" alt="Card image" />
                    }
                    else
                    {
                        <img src="~/AdTrack Images/NoProductImage.png" style="height:150px;" class="card-img-top" alt="Card image" />
                    }
                      <div class="edit d-print-none">
                            <a data-toggle="modal"
                               data-id='{"id": "@item.Items.Number","ItemId":"@item.Items.ItemId", "AdId":"@item.Header.Id"}'
                               class="open-AddBookDialog btn btn-primary" href="#"><i class="fa fa-pencil fa-lg"></i></a>
                        </div>

                        <div class="delete d-print-none">
                            <a data-toggle="modal" data-id='{"id": "@item.Items.Number","ItemId":"@item.Items.Id", "AdId":"@item.Id"}'
                               class="open-delete btn btn-primary" href="#">
                                <i class="fa fa-trash" style="font-size:15px;color:red" id="delete" name="delete"></i>
                            </a>
                        </div>

                        <div class="edit d-print-none">
                            <a data-toggle="modal"
                               data-id='{"id": "@item.Items.Number","ItemId":"@item.Items.ItemId", "AdId":"@item.Header.Id"}'
                               class="open-AddBookDialog btn btn-primary" href="#"><i class="fa fa-info-circle fa-lg"></i></a>
                        </div>
                    }
                </div>
                <div class="card-header">
                    <div class="font-weight-bold">Page @Html.DisplayFor(modelItem => item.Number)- @Html.DisplayFor(modelItem => item.Business)</div>
                    <div class="row mb-2 font-weight-bold">
                        <div class="col-md-6">Cut: @Html.DisplayFor(modelItem => item.Items.Number)</div>
                        <div class="col-md-6 text-right">9-Box: @Html.DisplayFor(modelItem => item.Items.BoxNumber)</div>
                    </div>
                    <div class="row mb-2 font-weight-bold">
                        <div class="col-md-4">Group @Html.DisplayFor(modelItem => item.Department.Test)</div>
                        @*<div class="col-md-4">Div: @Html.DisplayFor(modelItem => item.Department.Division)</div>*@
                        <div class="col-md-4">Buyer @Html.DisplayFor(modelItem => item.Department.Test)</div>
                        <div class="col-md-4">Dept @Html.DisplayFor(modelItem => item.Items.Department)</div>
                    </div>
                </div>

</div>
        }
        </div>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50559132

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档