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

zhibo系統開發發表於2022-02-22

短視訊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開發,三種圖片並排展示的方式,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2856946/,如需轉載,請註明出處,否則將追究法律責任。

相關文章