html - 如何在打印预览中将元素与页面底部对齐

Question

我正在尝试使用 css 对齐我的 html 页面的元素。

我已将元素与页面底部对齐，但是当我在打印预览中看到页面时。该元素没有出现在底部

我正在使用这个 css 将元素与底部对齐

代码：

.bel {
    position:relative;
    margin-left: 38%;
    margin-right: 38%;
    bottom:-25pc;
}

html代码：

<span class="bel">Text 1</span>

但这不起作用......我该如何解决这个问题？

score 13 · Accepted Answer

div.divFooter {
    position: fixed;
    bottom: 0;
}

所以，不要像@idmean 建议的那样使用absolute，而是使用fixed。作为奖励，页脚将出现在每个打印页面上。

score 8 · Accepted Answer

要在页面底部打印元素，您应该为打印定义一些样式规则。这是代码：

@media print{
 .bel{
     position:fixed;
     bottom:0;
     }
}

score 0 · Accepted Answer

更改postion为absolute：

.bel {
    position:absolute;
    margin-left: 38%;
    margin-right: 38%;
    bottom:-25pc;
}

（并删除这些边距以获得最佳效果）

3 回答 3