---
# System prepended metadata

title: example for 版面
tags: [模板]

---

---
title: example for 版面
tags: 模板
---

{%hackmd @littlefish0331/SJPX09utO %}

# example for 版面

兩種 style 可以去試試看

- [wide styles-for small table (版面增寬)](https://hackmd.io/@littlefish0331/Skf8A9uYO)
- [wide styles-for large table (版面增寬)](https://hackmd.io/@littlefish0331/SJPX09utO)


| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Text     | Text     | Text     |


## 步驟

- 先把上面兩個連結的 css 自己存成一個筆記
- 用下面的語法，加入你想要改變版面的筆記中

```
比如 [wide styles-for small table (版面增寬)](https://hackmd.io/@hackmd-style/r1PGF8JFu)
把連結的尾巴，向下面那樣貼上
{%hackmd @littlefish0331/SJPX09utO %}

你就可以看到相對應的效果。
```


## 效果示範

### 原始

![](https://i.imgur.com/XxfsYHD.png)

--

### 使用『wide styles-for small table (版面增寬)』

![](https://i.imgur.com/gue1IRX.png)


--

### 使用『wide styles-for large table (版面增寬)』

![](https://i.imgur.com/jsF0lNH.png)

--

### 使用『wide styles-for large table (版面增寬)』 + 字型

![](https://i.imgur.com/8E7HKbN.png)

