☰

重新定位圖像周圍的文本

tag-icon • tag-icon graphics horizontal-alignment vertical-alignment
重新定位圖像周圍的文本

所以我正在嘗試為一種聖誕卡片設計視覺佈局。這個想法是在左上角和右下角放置一張照片，姓氏和日期位於右上象限的中心。我可以使文字水平居中，但它與左上圖像的底部對齊（右下圖像的正上方）。如果有人可以幫助我移動它，使文字位於穿過頂部圖像中心的線上，那就太好了：

\includegraphics[scale = 0.15]{Family.jpg} \hspace{\fill\textbf{\textsc{\Large{FamilyNameHere\\Date}}}\hspace*{\fill}
\newline
\hspace*{\fill}\includegraphics[scale = 0.05]{Family2.jpg}

答案1

借助以下命令可以輕鬆獲得圖形的居中垂直對齊adjustbox，它提供了valign鍵值選項。下面是一個最小的範例，顯示了它在您的案例中的用法：

在此輸入影像描述

\documentclass{article}
\usepackage[export]{adjustbox}% adjustbox loads graphicx
\begin{document}

\noindent
\includegraphics[width=.5\linewidth,valign=c]{example-image-a}%
\hfill
{\Large\bfseries
\begin{tabular}{c}
  Family Name Here \\
  Date
\end{tabular}}\hspace*{\fill}

\hfill
\includegraphics[width=.5\linewidth]{example-image-b}

\end{document}

我使用了 atabular來建立姓氏和日期，因為預設的垂直對齊方式是居中的。

載入adjustbox該[export]選項使其金鑰可供graphicx包裹。

答案2

這是一個tikz解決方案

\documentclass{article}
\usepackage{tikz}
\begin{document}

\begin{tikzpicture}
  \node[inner sep=0pt,outer sep=0pt,text width=0.5\textwidth] (a)
       {\includegraphics[width=\linewidth]{example-image-a}};
  \node[outer sep=0pt,text width=0.5\textwidth,align=center,anchor=west]
        at (a.east) {Family Name Here \\
                             Date};
  \node[inner sep=0pt,outer sep=0pt,text width=0.5\textwidth,anchor=north west]
        at (a.south east) {\includegraphics[width=\linewidth]{example-image-b}};
\end{tikzpicture}

\end{document}

在此輸入影像描述

答案3

無需額外軟體包的簡單解決方案是將您的卡分成四個minipage部分。預設情況下，迷你頁垂直居中，因此這可以使圖像和/或其他任何內容居中。

\documentclass{article}
\usepackage{graphicx}
\def\Img#1{\includegraphics[width=\linewidth]{example-image-#1}}
\def\Family{\centering\Large\textsc{Family Name Here}\\[1em]\textit\today} 
\begin{document}
\parindent0pt
\begin{minipage}{.5\linewidth} \Img{a} \end{minipage}%
\begin{minipage}{.5\linewidth} \Family \end{minipage}\\[-1pt]
\begin{minipage}{.5\linewidth} ~ \end{minipage}%
\begin{minipage}{.5\linewidth} \Img{c} \end{minipage}\par
\end{document}

顯然，在這種情況下，空的迷你頁面可以安全地替換為\raggedleft或其他任何東西，以將最後一個迷你頁面向右對齊，但您可能想在此處添加一些文字或裝飾。 微量元素

相關內容