【问题标题】:Print a div in the right side of the paper在纸的右侧打印一个 div
【发布时间】:2017-03-02 08:17:22
【问题描述】:

所以我试图在纸张的右侧打印一个 div,但是当我在谷歌浏览器上按 Ctrl+P 时,打印预览的结果是,div 在左侧。

我正在使用引导程序。我试过这个

<div class="row">
<div class="col-md-6"></div>

<div id="printMe" class="col-md-6">Print this text on the right</div>
</div>

但当我打印时,文本仍然在纸的左侧。

【问题讨论】:

标签: javascript jquery html printing


【解决方案1】:

我假设页面的左侧是空的。试试这个:

<div class="row">
<div id="printMe" class="col-md-6 col-md-offset-6">Print this text on the right</div>
</div>

参考:http://getbootstrap.com/css/#grid-offsetting

【讨论】:

  • 有点奇怪,offset-6 不起作用,但是当我使用 pull-right 时,它起作用了
  • 你的屏幕分辨率是多少?您必须至少有 992px 的屏幕宽度才能使“md”工作。对于右拉,​​是的,它可以工作,但它胜过响应功能。好吧,反正它是用来打印的。
【解决方案2】:

将您的代码更改为:

<div class="row">
<div class="col-md-6 col-md-offset-6"></div>

<div id="printMe" class="col-md-6">Print this text on the right</div>
</div>

【讨论】:

  • 感谢编辑,我目前正在使用移动设备,所以我不知道如何正确显示代码
  • 我相信你的答案是正确的,但事实并非如此。它仅适用于 pull-right 不适用于偏移。谢谢你的回答。
【解决方案3】:

偏移在这里不起作用,这有点奇怪。

它适用于

<div class="row">
<div class="col-md-6"></div>

<div id="printMe" class="col-md-6 pull-right">Print this text on the right</div>
</div>

谢谢大家。

【讨论】:

    猜你喜欢
    • 2021-09-03
    • 2022-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多