[TOC] > [layout](https://sli.dev/builtin/layouts.html) ## Layouts ## 常規布局 ``` intro 介紹演示文稿，通常帶有演示標題，簡短描述，作者 quote 用于突出引用 section 章節開始的布局 center default end 結束頁 fact 在屏幕上突出 標題 none 取消所有樣式 two-cols 左右兩列 ``` ### two-cols ``` --- layout: two-cols --- # Left This shows on the left ::right:: # Right This shows on the right ``` ## 圖片處理 ### image-left,image-right ``` --- layout: image-left # the image source image: ./path/to/the/image --- # hello hello world ``` 效果  ### image ,cover 圖片當作背景 - image 布局是將圖片插入到文檔中，然后根據指定的寬度和高度進行縮放和裁剪，最終以原圖為背景 - 而 cover 布局則是將圖片作為背景，填充整個父容器 - 因此，image 布局主要用于顯示具體的圖片內容，可以在圖片周圍添加文本和其他元素；而 cover 布局主要用于背景顯示，以提供更具有視覺沖擊力和藝術性的頁面效果。根據實際需求，可以選擇使用其中一種或兩種布局來展示圖片 ### iframe,iframe-left,iframe-right 網頁填充