gpt4 book ai didi

HTML 表格在 Google Chrome 或 Safari 打印时被截断(太宽)

转载 作者:行者123 更新时间:2023-11-28 14:25:37 29 4
gpt4 key购买 nike

我有一段 HTML,当我尝试打印它时(在 Chrome 或 Safari 中),表格只是被切断,而不是跨越多个页面。

有人对此有解决方法吗?或者我可以应用一些 CSS 来修复它?

<!doctype html>
<html>
<body>
<table>
<tr>
<td><div>this_is_box_a</div></td>
<td><div>this_is_box_b</div></td>
<td><div>this_is_box_c</div></td>
<td><div>this_is_box_d</div></td>
<td><div>this_is_box_e</div></td>
<td><div>this_is_box_f</div></td>
<td><div>this_is_box_g</div></td>
<td><div>this_is_box_h</div></td>
<td><div>this_is_box_i</div></td>
<td><div>this_is_box_j</div></td>
<td><div>this_is_box_k</div></td>
<td><div>this_is_box_l</div></td>
<td><div>this_is_box_m</div></td>
<td><div>this_is_nox_n</div></td>
</tr>
</table>
</body>
</html>

顺便说一句,我使用 <div> 的原因是能够做到以下,这也表现出同样的问题。

<!doctype html>
<html>
<head>

<style>
body {
margin-top: 20em;
}

td {
position: relative;
}

div {
position: absolute;
bottom: -3px;
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: 0% 0%;
}
</style>

</head>

<body>
<table>
<tr>
<td><div>this_is_box_a</div></td>
<td><div>this_is_box_b</div></td>
<td><div>this_is_box_c</div></td>
<td><div>this_is_box_d</div></td>
<td><div>this_is_box_e</div></td>
<td><div>this_is_box_f</div></td>
<td><div>this_is_box_g</div></td>
<td><div>this_is_box_h</div></td>
<td><div>this_is_box_i</div></td>
<td><div>this_is_box_j</div></td>
<td><div>this_is_box_k</div></td>
<td><div>this_is_box_l</div></td>
<td><div>this_is_box_m</div></td>
<td><div>this_is_nox_n</div></td>
</tr>
<tr>
<td>this_is_box_a</td>
<td>this_is_box_b</td>
<td>this_is_box_c</td>
<td>this_is_box_d</td>
<td>this_is_box_e</td>
<td>this_is_box_f</td>
<td>this_is_box_g</td>
<td>this_is_box_h</td>
<td>this_is_box_i</td>
<td>this_is_box_j</td>
<td>this_is_box_k</td>
<td>this_is_box_l</td>
<td>this_is_box_m</td>
<td>this_is_nox_n</td>
</tr>
</table>
</body>
</html>

稍微澄清一下,当我打印文档时,我得到一页输出。该输出页面如下所示。我希望它能跨越 2 页。

image showing cut off text

最佳答案

你的意思是表格超出页面边缘,只有在打印时?你不能只设置表格的宽度,以及 css 中各个列的宽度吗?

给第一行中的 tds 单独的类并相应地设置宽度。如果您只需要 css 来更改打印输出,您可以设置一个单独的仅打印样式表。

关于HTML 表格在 Google Chrome 或 Safari 打印时被截断(太宽),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7973834/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com