问题标签 [css-paged-media]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 带有自动分页符的 HTML+CSS A4 页面
我想将 HTML+CSS 文档打印到 A4 纸上。
我的简化代码在这里：
问题如下：所有页面都缺少底部填充，第二页缺少顶部填充，如您在此图像上所见：
我发现了许多使用page-break-after: always或应用手动分页符的解决方案page-break-before: always。但是，我希望分页是自动的，并且在所有页面上都强制执行所有填充，就像在 Microsoft Word 中一样。如果它可以在 Chrome 95.0 上运行就足够了。
css - CSS：我可以缩放包含容器的图像吗？
我有一段文字，段落之间有一张图片。
图像尺寸未在 HTML 中指定，它们是从图像中读取的。我想使用 CSS 来缩放图像：
但是，这只会缩放图像而不是包含它的框，所以我在文本和图像之间得到了巨大的差距。我想摆脱这个差距。
- 设置顶部/底部边距不起作用
- 有'transform-box：'属性听起来应该可以满足我的需要，但是没有任何设置有任何区别。
应用：Antennahouse Formatter 中的 CSS 分页媒体。
html - 不同的 CSS 属性值取决于 @page 选择器
我需要在所有 :first 和 :right 页面的右侧显示一个“标签”。选项卡必须位于所有页面上的相同位置。
这是我的模拟 HTML：
不幸的是， :first 和 :right 页面有不同的边距，所以下面的 CSS 会导致选项卡根据页面位于不同的位置：
是否可以根据页面选择器为 margin-top 设置不同的值？例如：首页 50 毫米，右页 90 毫米？