Question

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

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

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

代码：

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

html代码：

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

但这不起作用......我怎么能解决这个问题？

Answer 1

我找到了一个有用的答案：How to use HTML to print header and footer on every printed page?：

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

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

Answer 2

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

$(document).ready(function() {
  var text = '<a class="primary-black" href="https://www.google.com">Google</a><a href="https://www.google.com">Google</a>';
  var output = '';

  $(text).each(function(index, value) {
    if ($(value).is('a') && !$(value).hasClass('primary-black')) {
      output = output + value.innerHTML;
    } else {
      output = output + value.outerHTML;
    }
  });
  console.log(output);
});

Answer 3

将postion更改为absolute：

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

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

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

3 个答案: