我正在尝试配置我的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的网页中对齐？
答案 0 :(得分：0)
我能够得到我想要的东西。我给了第一个表格class，并为其提供了属性float: right;，然后我给了第二个表格class，并为其提供了属性float: left;，并在打印预览中以我想要的方式展示。