html中两个相等宽度的div

时间:2016-02-08 11:57:28

标签: html css html5

我有一个包含以下代码的页面

<html>
  <body>
 <div class="op">.....content.......</div>
 <div class="op">.....content.......</div>
</body>
</html>

我打算在A4纸上打印这个页面,但是当我打印这个页面时,它不会与纸张大小相同。每个div都有相同的内容,它们只是重复。我需要让它们适合纸张。所以我可以将纸张切成2,这样它们都有相同的宽度。请帮助

3 个答案:

答案 0 :(得分:2)

显示您的CSS 在添加CSS之后,将第一个div宽度设置为50%,将第二个div设置为50%并使它们都向左浮动。

例如:

          .op
           {
            float:left;
             width:50%;
           }

答案 1 :(得分:1)

为打印样式使用单独的样式表。

<link rel="stylesheet" type="text/css" media="print, handheld" href="foo.css">

因此,您可以添加仅影响打印的样式。

答案 2 :(得分:1)

它超越您的打印机设置!不是关于CSS或HTML。您必须将打印机设置设置为适合纸张尺寸的代码。如果你想打印html最后一页(你的代码的结果),你可以通过设置width:50% .i代码来分开,让你检查你的打印机设置或html页面的系统perinting设置。