Question

我正在尝试配置我的Print.css页面，以便当用户想要打印所选页面时，它会以我想要的格式打印。

因此，在我的Index.cshtml页面上，我有一个使用col-md-1 col-md-offset-1的表，然后我的第二个表来自部分视图，但正在使用col-md-3 {{1在网页上，他们显示如下：

col-md-offset-3

但是当我检查我的打印预览时，它看起来像这样：

| Table 1 |        | Table 2 |
| ------- |        | ------- |
| ------- |        | ------- |
| ------- |        | ------- |

现在我在| Table 1 | | ------- | | ------- | | ------- | | Table 2 | | ------- | | ------- | | ------- |标记中有部分视图，我实际上已尝试将<div></div>（表2）和实际表格（表格1）设为div只影响Print.css，我给了他们class属性但是没有用。仍然是相同的结果

这是我的HTML：

display:inline-table

这是我的<link href="~/Content/Print.css" rel="stylesheet" media="print" /> <table class="table table-striped col-md-1 col-md-offset-1 print-col"> <caption>Total Sports & Colors</caption> <tr> <th> @Html.DisplayName("Total Sports:") </th> <td> @ViewBag.totalSports </td> <td> <text class="percentages"> @ViewBag.totalSportsPercentage </text> </td> </tr> <tr> <th> @Html.DisplayName("Total Colors:") </th> <td> @ViewBag.totalColors </td> <td> <text class="percentages"> @ViewBag.totalColorsPercentage </text> </td> </tr> </table> <div class="print-col"> @Html.Action("Test", "TotalTest") </div>班级名称的Print.CSS：

print-col

所以我的问题是，如何让我的表格在我的print.css的网页中对齐？

Answer 1

我能够得到我想要的东西。我给了第一个表格class，并为其提供了属性float: right;，然后我给了第二个表格class，并为其提供了属性float: left;，并在打印预览中以我想要的方式展示。

打印CSS对齐表格

1 个答案: