在纸张的右侧打印div

时间:2017-03-02 08:17:23

标签: javascript jquery html printing

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

我正在使用bootstrap。我试过这个

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

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

但是当我打印时,文本位于纸张的左侧。

3 个答案:

答案 0 :(得分:0)

我假设页面的左侧部分为空。试试这个:

<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

答案 1 :(得分:0)

将您的代码更改为:

<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>

答案 2 :(得分:0)

有点奇怪,抵消在这里不起作用。

一起使用
<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>

非常感谢你们。