打印包含许多列的HTML页面和包含分页符的多行

时间:2015-06-25 16:18:53

标签: html css html5

我有一个包含许多行和列的html表。我正在尝试旋转页面(-90),以便在打印页面时所有列都可以适合页面。

打印页面时,分页功能无效。

这是代码。这个表只有一列,这只是我想要实现的一个例子。

<div class="rotate"><table><tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_0</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_1</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_2</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_3</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_4</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_5</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_6</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_7</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_8</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_9</td></tr>

    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_1</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_2</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_3</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_4</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_5</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_6</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_7</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_8</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_9</td></tr>
<div class="breaktr"></div>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_0</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_1</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_2</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_3</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_4</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_5</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_6</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_7</td></tr>
    <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_8</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_9</td></tr>
 <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_0</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_1</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_2</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_3</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_4</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_5</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_6</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_7</td></tr>
        <tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_8</td></tr>
<tr><td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_9</td></tr></table></div>

http://jsfiddle.net/rmn3wsxb/3/

0 个答案:

没有答案