31、移动网页设计中的HTML与CSS技巧

移动网页设计中的HTML与CSS技巧

1. 页面分页操作

在将文档发送到打印机时，若打印样式表未指定，浏览器会自动确定分页位置。若要手动在元素前后插入分页，可使用以下属性：
- page-break-before: type;
- page-break-after: type;

其中， type 有以下取值：
| 取值 | 说明 |
| — | — |
| always | 始终在元素前后插入分页 |
| avoid | 从不插入分页 |
| left | 插入分页，使下一页为左页 |
| right | 插入分页，使下一页为右页 |
| auto | 由打印机决定是否插入分页 |
| inherit | 继承父元素的分页样式 |

例如，若要让每个 h1 标题都从新页面开始，可使用以下样式规则：

h1 { 
    page-break-before: always; 
}

若想让除第一篇文章外的后续文章都从新页面开始，可使用选择器 article:nth-of-type(n+2) 选择后续文章，并插入分页：