> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/zh-tw/tu-biao-yu-biao-ge/02-positioning-images-and-tables.md).

# 圖片與表格的定位

LaTeX 是一種排版工具，會負責格式處理，因此你只需要專注於文件內容；不過，有時仍需要更好地控制浮動元素。本文將說明如何在 LaTeX 文件中放置圖片和表格。

## 簡介

圖片和表格的預設對齊方式設為 *left*

```latex
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Etiam lobortis facilisis sem. Nullam nec mi et neque pharetra
sollicitudin.

\includegraphics[width=0.5\textwidth]{overleaf-logo}

Praesent imperdiet mi nec
ante. Donec ullamcorper, felis non sodales commodo, lectus velit
ultrices augue, a dignissim nibh lectus placerat pede.
 Vivamus nunc nunc, molestie ut, ultricies
vel, semper in, velit. Ut porttitor.
```

![PositioningTnIEX1OverleafV2.png](/files/748c84d37ea4ad5bd6798ab67a1c87d3bc9c3618)

這是一個簡單的範例；關於此方法以及在 LaTeX 檔案中加入圖片的其他方式，請參閱文章 [插入圖片](/latex/zh-tw/geng-duo-zhu-ti/27-inserting-images.md).

 [在 Overleaf 中開啟範例](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=)

## 圖片定位

### 基本定位

若要將圖片的預設對齊方式從 *left* 或 *right*，一個簡單的做法是加入

```latex
\usepackage[export]{adjustbox}
```

到檔案的前言區，然後在匯入圖片的指令中使用額外選項

```latex
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Etiam lobortis facilisis sem. Nullam nec mi et neque
pharetra sollicitudin.

\includegraphics[width=0.5\textwidth, right]{overleaf-logo}

Praesent imperdiet mi necante. Donec ullamcorper, felis
non sodales commodo, lectus velit ultrices augue,
a dignissim nibh lectus placerat pede. Vivamus nunc nunc,
molestie ut, ultriciesvel, semper in, velit. Ut porttitor.
```

![PositioningTnIEx2OLV2.png](/files/050a9b3248d971a020834fec6a616f098901b7ef)

套件 **adjustbox** 可在以下指令中啟用額外選項： `\includegraphics` 指令；在範例中，圖片對齊到 `right`。可用值如下： *left*, *right*, *center*, *外側* 和 *內側*，後兩者適用於雙面文件。

 [在 Overleaf 中開啟範例](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=)

### figure 環境

figure 環境（見 [插入圖片](/latex/zh-tw/geng-duo-zhu-ti/27-inserting-images.md)）旨在提供自動定位。

```latex
Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Duis fringilla tristique neque. Sed interdum libero ut metus.
Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet
ante lobortis sollicitudin.

\begin{figure}[h]
\includegraphics[width=0.5\textwidth, inner]{overleaf-logo}
\caption{說明}
\label{fig:figure2}
\end{figure}
```

![PositioningTnIEx3OLV2.png](/files/b48d831f90dbb57f8ef979a5ab628173b81b4340)

此環境使用以中括號傳入的定位參數，可接受以下值：

| 參數     | 位置                                                      |
| ------ | ------------------------------------------------------- |
| h      | 放置浮動體 *這裡*，也就是， *大約* 在其出現在原始文字中的同一位置（不過，並非 *精確地* 就在該位置） |
| 的區域變數中 | 位置於 *頂端* 頁面頂端。                                          |
| b      | 位置於 *底端* 頁面頂端。                                          |
| p      | 放到一個專用的 *page* 僅供浮動體使用的頁面上。                             |
| !      | 覆寫 LaTeX 用來判定「良好」浮動體位置的內部參數。                            |
| H      | 將浮動體精確放在 LaTeX 程式碼中的位置。需要 `float` 套件。這有點等同於 h!。         |

你可以在參數中放入多個值，例如，如果你寫下 `[ht]` LaTeX 會嘗試將圖形放置於 **這裡**，但如果不可能（空間可能不足），圖形就會出現在 **頂端** 頁面中的位置。建議使用多個定位參數，以避免非預期的結果。

 [在 Overleaf 中開啟範例](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=)

### 在一個 figure 中放置多張圖片

可以在一個 figure 中插入多張圖片，每張都可有自己的參照與標籤

```latex
Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque...

\begin{figure}[h]

\begin{subfigure}{0.5\textwidth}
\includegraphics[width=0.9\linewidth, height=6cm]{overleaf-logo}
\caption{說明1}
\label{fig:subim1}
\end{subfigure}
\begin{subfigure}{0.5\textwidth}
\includegraphics[width=0.9\linewidth, height=6cm]{mesh}
\caption{說明 2}
\label{fig:subim2}
\end{subfigure}

\caption{此含有兩張圖片的圖形說明}
\label{fig:image2}
\end{figure}

Praesent blandit blandit mauris. Praesent lectus tellus, aliquet aliquam, luctus a, egestas a, turpis. Mauris lacinia lorem sit amet ipsum. Nunc quis urna dictum turpis accumsan semper.
```

![PositioningTnIEx4OLV2.png](/files/bec2e4ca7050b1ca3ba222891c882de954f43b32)

首先，你必須匯入套件 **subcaption** 透過加入前言區

```latex
\usepackage{subcaption}
```

接著你就可以使用此環境 `\subfigure` 它接受一個參數，也就是圖形的寬度。此環境必須在 `figure` 環境中使用，並且可以為每個 *子圖*.

 [在 Overleaf 中開啟範例](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=)

### 在圖形周圍環繞文字

套件 **wrapfig** 提供一個實用功能，文字可以浮動繞排於圖片周圍。

```latex
Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis fringilla tristique neque. Sed interdum
libero ut metus. Pellentesque placerat.

\begin{wrapfigure}{l}{0.25\textwidth}
\includegraphics[width=0.9\linewidth]{overleaf-logo}
\caption{說明1}
\label{fig:wrapfig}
\end{wrapfigure}

Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis fringilla tristique neque. Sed interdum
```

![PositioningTnIEx5OLV2.png](/files/94990ec5ffaf4bca99f316589933b7e93ad8ce35)

首先匯入套件 *wrapfig* 只要加入

```latex
\usepackage{wrapfig}
```

到導言區。

之後你就可以使用此環境 `wrapfig`，它接受兩個以大括號傳入的參數：對齊方式可以是 *l*, *r*, *c*, *i* 或 *或*；這些字母分別代表左、右、置中、內側與外側（後兩者適用於雙面文件）。第二個參數是圖形寬度，在範例中為文字寬度的 0.25。請參閱 [參考指南](#reference-guide) 以取得可用長度單位的列表。

 [在 Overleaf 中開啟範例](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=)

## 表格定位

表格定位的選項與圖形可用的選項類似。

### 基本定位

tabular 環境的預設位置是 *置中*.

```latex
Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis fringilla tristique neque.
Sed interdum libero ut metus. Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit amet
ante lobortis sollicitudin.

\arrayrulecolor[HTML]{DB5800}
\begin{tabular}{ |s|p{2cm}|p{2cm}|  }
\hline
\rowcolor{lightgray} \multicolumn{3}{|c|}{Country List} \\
\hline
Country Name or Area Name& ISO ALPHA 2 Code &ISO ALPHA 3 \\
\hline
阿富汗 & AF &AFG \\
\rowcolor{gray}
奧蘭群島 & AX  & ALA \\
阿爾巴尼亞    &AL & ALB \\
阿爾及利亞   &DZ & DZA \\
美屬薩摩亞 & AS & ASM \\
安道爾 & AD & \cellcolor[HTML]{AA0044} AND \\
安哥拉 & AO & AGO \\
\hline
\end{tabular}

Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Duis fringilla tristique neque. Sed interdum libero ut metus.
Pellentesque placerat. Nam rutrum augue a leo. Morbi sed elit sit
amet ante lobortis sollicitudin.
```

 [在 Overleaf 中開啟這段程式碼片段](https://www.overleaf.com/docs?engine=\&snip_name=Default+position+of+tabular\&snip=%5Cdocumentclass%7Barticle%7D%0A%25Table-related+commands%0A%5Cusepackage%7Barray%7D%0A%5Cusepackage%5Btable%5D%7Bxcolor%7D%0A%5Csetlength%7B%5Carrayrulewidth%7D%7B1mm%7D%0A%5Csetlength%7B%5Ctabcolsep%7D%7B18pt%7D%0A%5Crenewcommand%7B%5Carraystretch%7D%7B1.5%7D%0A%5Cnewcolumntype%7Bs%7D%7B%3E%7B%5Ccolumncolor%5BHTML%5D%7BAAACED%7D%7D+p%7B3cm%7D%7D%0A%0A%5Cbegin%7Bdocument%7D%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+adipiscing+elit.+Duis+fringilla+tristique+neque.+%0ASed+interdum+libero+ut+metus.+Pellentesque+placerat.+Nam+rutrum+augue+a+leo.+Morbi+sed+elit+sit+amet+%0Aante+lobortis+sollicitudin.%0A%0A%5Carrayrulecolor%5BHTML%5D%7BDB5800%7D%0A%5Cbegin%7Btabular%7D%7B+%7Cs%7Cp%7B2cm%7D%7Cp%7B2cm%7D%7C++%7D%0A%5Chline%0A%5Crowcolor%7Blightgray%7D+%5Cmulticolumn%7B3%7D%7B%7Cc%7C%7D%7BCountry+List%7D+%5C%5C%0A%5Chline%0ACountry+Name+or+Area+Name%26+ISO+ALPHA+2+Code+%26ISO+ALPHA+3+%5C%5C%0A%5Chline%0AAfghanistan+%26+AF+%26AFG+%5C%5C%0A%5Crowcolor%7Bgray%7D%0AAland+Islands+%26+AX++%26+ALA+%5C%5C%0AAlbania++++%26AL+%26+ALB+%5C%5C%0AAlgeria+++%26DZ+%26+DZA+%5C%5C%0AAmerican+Samoa+%26+AS+%26+ASM+%5C%5C%0AAndorra+%26+AD+%26+%5Ccellcolor%5BHTML%5D%7BAA0044%7D+AND+%5C%5C%0AAngola+%26+AO+%26+AGO+%5C%5C%0A%5Chline%0A%5Cend%7Btabular%7D%0A%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+adipiscing+%0Aelit.+Duis+fringilla+tristique+neque.+Sed+interdum+libero+ut+metus.+%0APellentesque+placerat.+Nam+rutrum+augue+a+leo.+Morbi+sed+elit+sit+%0Aamet+ante+lobortis+sollicitudin.%0A%5Cend%7Bdocument%7D)

下方圖示顯示上述程式碼片段的結果：

![PositioningTnIEx6.png](/files/72bdd550382a1a7934fb5092821c0e5ad22f0d3d)

您也可以  [在 Overleaf 中開啟完整的專案範例。](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=)

若要了解如何建立表格，請參閱 [表格](/latex/zh-tw/tu-biao-yu-biao-ge/01-tables.md) 這篇文章。

### table 環境

table 環境旨在自動放置表格，使其能自然地融入文件的流程中。

```latex
Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis fringilla tristique neque. Sed interdum
libero ut metus. Pellentesque placerat. Nam rutrum augue a leo.
Morbi sed elit sit amet ante lobortis sollicitudin.

\begin{table}[ht]
\arrayrulecolor[HTML]{DB5800}
\centering
\begin{tabular}{ |s|p{2cm}|p{2cm}|  }
\hline
\rowcolor{lightgray} \multicolumn{3}{|c|}{Country List} \\
\hline
Country Name or Area Name& ISO ALPHA 2 Code &ISO ALPHA 3 \\
\hline
阿富汗 & AF &AFG \\
\rowcolor{gray}
奧蘭群島 & AX  & ALA \\
阿爾巴尼亞    &AL & ALB \\
阿爾及利亞   &DZ & DZA \\
美屬薩摩亞 & AS & ASM \\
安道爾 & AD & \cellcolor[HTML]{AA0044} AND \\
安哥拉 & AO & AGO \\
\hline
\end{tabular}
\caption{浮動元素中的表格}
\label{table:ta}
\end{table}

Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis fringilla tristique neque. Sed interdum
libero ut metus. Pellentesque placerat. Nam rutrum augue a leo.
Morbi sed elit sit amet ante lobortis sollicitudin.
```

 [在 Overleaf 中開啟這段程式碼片段](https://www.overleaf.com/docs?engine=\&snip_name=Default+position+of+tabular\&snip=%5Cdocumentclass%7Barticle%7D%0A%25Table-related+commands%0A%5Cusepackage%7Barray%7D%0A%5Cusepackage%5Btable%5D%7Bxcolor%7D%0A%5Csetlength%7B%5Carrayrulewidth%7D%7B1mm%7D%0A%5Csetlength%7B%5Ctabcolsep%7D%7B18pt%7D%0A%5Crenewcommand%7B%5Carraystretch%7D%7B1.5%7D%0A%5Cnewcolumntype%7Bs%7D%7B%3E%7B%5Ccolumncolor%5BHTML%5D%7BAAACED%7D%7D+p%7B3cm%7D%7D%0A%0A%5Cbegin%7Bdocument%7D%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+%0Aadipiscing+elit.+Duis+fringilla+tristique+neque.+Sed+interdum+%0Alibero+ut+metus.+Pellentesque+placerat.+Nam+rutrum+augue+a+leo.%0AMorbi+sed+elit+sit+amet+ante+lobortis+sollicitudin.%0A%0A%5Cbegin%7Btable%7D%5Bht%5D%0A%5Carrayrulecolor%5BHTML%5D%7BDB5800%7D%0A%5Ccentering%0A%5Cbegin%7Btabular%7D%7B+%7Cs%7Cp%7B2cm%7D%7Cp%7B2cm%7D%7C++%7D%0A%5Chline%0A%5Crowcolor%7Blightgray%7D+%5Cmulticolumn%7B3%7D%7B%7Cc%7C%7D%7BCountry+List%7D+%5C%5C%0A%5Chline%0ACountry+Name+or+Area+Name%26+ISO+ALPHA+2+Code+%26ISO+ALPHA+3+%5C%5C%0A%5Chline%0AAfghanistan+%26+AF+%26AFG+%5C%5C%0A%5Crowcolor%7Bgray%7D%0AAland+Islands+%26+AX++%26+ALA+%5C%5C%0AAlbania++++%26AL+%26+ALB+%5C%5C%0AAlgeria+++%26DZ+%26+DZA+%5C%5C%0AAmerican+Samoa+%26+AS+%26+ASM+%5C%5C%0AAndorra+%26+AD+%26+%5Ccellcolor%5BHTML%5D%7BAA0044%7D+AND+%5C%5C%0AAngola+%26+AO+%26+AGO+%5C%5C%0A%5Chline%0A%5Cend%7Btabular%7D%0A%5Ccaption%7BTable+inside+a+floating+element%7D%0A%5Clabel%7Btable%3Ata%7D%0A%5Cend%7Btable%7D%0A%0APraesent+in+sapien.+Lorem+ipsum+dolor+sit+amet%2C+consectetuer+%0Aadipiscing+elit.+Duis+fringilla+tristique+neque.+Sed+interdum+%0Alibero+ut+metus.+Pellentesque+placerat.+Nam+rutrum+augue+a+leo.+%0AMorbi+sed+elit+sit+amet+ante+lobortis+sollicitudin.%0A%5Cend%7Bdocument%7D)

下方圖示顯示由 Overleaf 連結產生的輸出：

![PositioningTnIEx7.png](/files/fc4a3849bfaf6367a504c46ffa14932005ff7921)

可將一個定位參數以中括號形式傳給 **table** 環境。此參數可接受以下值：

| 參數     | 位置                                                      |
| ------ | ------------------------------------------------------- |
| h      | 放置浮動體 *這裡*，也就是， *大約* 在其出現在原始文字中的同一位置（不過，並非 *精確地* 就在該位置） |
| 的區域變數中 | 位置於 *頂端* 頁面頂端。                                          |
| b      | 位置於 *底端* 頁面頂端。                                          |
| p      | 放到一個專用的 *page* 僅供浮動體使用的頁面上。                             |
| !      | 覆寫 LaTeX 用來判定「良好」浮動體位置的內部參數。                            |
| H      | 將浮動體精確放在 LaTeX 程式碼中的位置。需要 `float` 套件。這有點等同於 h!。         |

你可以在參數中設定多個值，例如，如果你寫下 `[ht]` LaTeX 會嘗試將表格放置於 **這裡**，但如果不可能（空間可能不足），表格就會出現在 **頂端** 頁面中的位置。建議使用多個定位參數，以避免非預期的結果。

也請注意指令 `\centering`。這會將表格在其容器中的對齊方式改為 *置中* ，而非預設的 *left*.

 [在 Overleaf 中開啟範例](https://www.overleaf.com/project/new/template/19663?id=66518064\&templateName=Example+of+positioning+tables+and+figures\&latexEngine=pdflatex\&texImage=texlive-full%3A2020.1\&mainFile=)

### 在表格周圍環繞文字

如果你的表格沒有佔用全部可用空間，而且你想在它旁邊或前面放置文字，可以使用套件 `wrapfig`.

首先，匯入套件

```latex
\usepackage{wrapfig}
```

接著你就可以使用此環境 `wraptable` 它接受兩個參數：第一個是對齊方式，可以是 `l`, `r`, `c`, `i` 或 `或` 分別代表左、右、置中、內側與外側。第二個是表格容器的寬度，請記住，後者參數必須與表格寬度相同，否則可能無法正確對齊。

```latex
Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis fringilla tristique neque. Sed interdum
libero ut metus. Pellentesque placerat. Nam rutrum augue a leo.
Morbi sed elit sit amet ante lobortis sollicitudin.

\begin{wraptable}{r}{8cm}
\arrayrulecolor[HTML]{DB5800}
\centering
\begin{tabular}{ |s|p{2cm}|  }
\hline
\rowcolor{lightgray} \multicolumn{2}{|c|}{國家清單} \\
\hline
國家名稱或地區名稱& ISO ALPHA 2 代碼 \\
\hline
阿富汗 & AF \\
\rowcolor{gray}
亞蘭群島 & AX \\
阿爾巴尼亞    &AL  \\
阿爾及利亞   &DZ \\
美屬薩摩亞 & AS \\
安道爾 & \cellcolor[HTML]{AA0044} AD   \\
安哥拉 & AO \\
\hline
\end{tabular}
\caption{wraptable 中的表格}
\label{table:ta2}
\end{wraptable}

Praesent in sapien. Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis fringilla tristique neque. Sed interdum
libero ut metus. Pellentesque placerat. Nam rutrum augue a leo.
Morbi sed elit sit amet ante lobortis sollicitudin...
```

 在 Overleaf 中開啟這個 `wrapfig` Overleaf 中的程式碼片段

下方圖示顯示由 Overleaf 連結產生的輸出：

![PositioningTnIEx8OLV2.png](/files/dcba1befb40e0ff36757616a1535dd4c8805dde3)

## 參考指南

**LaTeX 單位與長度**

| 縮寫           | 定義                          |
| ------------ | --------------------------- |
| pt           | 點（point）是預設長度單位。約 0.3515 毫米 |
| mm           | 一毫米                         |
| cm           | 一公分                         |
| 中插入一個        | 一英寸                         |
| ex           | 一個的高度 **x** 在目前字型中          |
| em           | 一個的寬度 **m** 在目前字型中          |
| \columnsep   | 欄之間的距離                      |
| \columnwidth | 欄的寬度                        |
| \linewidth   | 目前環境中行的寬度                   |
| \paperwidth  | 頁面寬度                        |
| \paperheight | 頁面高度                        |
| \textwidth   | 文字寬度                        |
| \textheight  | 文字高度                        |
| \unitlength  | 中的長度單位 *picture* 環境中。       |

## 延伸閱讀

詳情請見：

* [表格](/latex/zh-tw/tu-biao-yu-biao-ge/01-tables.md)
* [插入圖片](/latex/zh-tw/geng-duo-zhu-ti/27-inserting-images.md)
* [表格與圖形清單](/latex/zh-tw/tu-biao-yu-biao-ge/03-lists-of-tables-and-figures.md)
* [LaTeX 中的長度](/latex/zh-tw/ge-shi-hua/01-lengths-in-latex.md)
* [**floatrow** 用於進階管理浮動元素（表格與圖形）圖說的套件](http://tug.ctan.org/tex-archive/macros/latex/contrib/floatrow/floatrow.pdf)
* [**sidecap** 套件文件，關於側邊圖說](ftp://ctan.tug.org/tex-archive/macros/latex/contrib/sidecap/sidecap.pdf)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://overleaf-pro.ayaka.space/latex/zh-tw/tu-biao-yu-biao-ge/02-positioning-images-and-tables.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.