短視訊app開發，三種圖片並排展示的方式

短視訊app開發，三種圖片並排展示的方式，分別需要哪些程式碼實現

1. minipage

適用於對所有子圖分別命名時。

\documentclass{article}
\usepackage{graphicx}
\usepackage{subfig}
\begin{document}
\begin{figure*}[!h]
\centering
\begin{minipage}[b]{0.45\linewidth}
\subfloat[Husky]{\label{fig:1(a)}
\includegraphics[width=2in]{dog_1.png}}
\end{minipage}
\begin{minipage}[b]{0.27\linewidth}
\subfloat[Tibetan Mastiff]{\label{fig:1(b)}
\includegraphics[width=1.15in]{dog_2.png}} \\  % 換行
\subfloat[Alaska]{\label{fig:1(c)}
\includegraphics[width=1.15in]{dog_3.png}} \\  % 換行
\subfloat[Labrador]{\label{fig:1(d)}
\includegraphics[width=1.15in]{dog_4.png}}
\end{minipage} % 中間不空行代表不換行
\begin{minipage}[b]{0.2\linewidth}
\subfloat[Pastoral]{\label{fig:1(e)}
\includegraphics[width=2in]{dog_5.png}}
\end{minipage}
\end{figure*}
\end{document}

2. subfloat

適用於一列子圖只命名一次時。

\documentclass{article}
\usepackage{graphicx}
\usepackage{subfig}
\usepackage{subfloat}
\begin{document}
\begin{figure*}[!h]
\centering
\subfloat[The first dog.]{
\begin{minipage}[b]{0.45\linewidth}
\includegraphics[width=2.02in]{dog_1.png}
\end{minipage}
} % 不空行表示不換行
\subfloat[The other dogs.]{
\begin{minipage}[b]{0.4\linewidth}
\includegraphics[width=1.47in]{dog_2.png}\vspace{0.75mm}
\includegraphics[width=1.47in]{dog_3.png}\vspace{0.75mm}
\includegraphics[width=1.47in]{dog_4.png}
\end{minipage}
}
\subfloat[The last dog.]{
\begin{minipage}[b]{0.5\linewidth}
\includegraphics[width=2.02in]{dog_5.png}
\end{minipage}
}
\end{figure*}
\end{document}

3. subfigure

與 subfloat 同理。注意：subfig 和 subfigure 包不能同時存在。

\documentclass{article}
\usepackage{graphicx}
\usepackage{subfigure}
\begin{document}
\begin{figure}[!h]
\centering
\subfigure[The first dog.]{
\begin{minipage}[b]{0.3\linewidth}
\includegraphics[width=1.38in]{dog_1.png}
\end{minipage}
} % 不空行表示不換行
\subfigure[The other dogs.]{
\begin{minipage}[b]{0.2\linewidth}
\includegraphics[width=1in]{dog_2.png}\vspace{0.75mm}
\includegraphics[width=1in]{dog_3.png}\vspace{0.75mm}
\includegraphics[width=1in]{dog_4.png}
\end{minipage}
}
\subfigure[The last dog.]{
\begin{minipage}[b]{0.3\linewidth}
\includegraphics[width=1.381in]{dog_5.png}
\end{minipage}
}
\end{figure}
\end{document}

以上就是 短視訊app開發，三種圖片並排展示的方式，更多內容歡迎關注之後的文章