☰

如何用图像填充表格单元格

tag-icon • tag-icon tables positioning margins
如何用图像填充表格单元格

我想用一些图片填充表格的单元格，但在我的实际代码中，图片的顶部、左侧和右侧都有边距，并且图片的下半部分位于下一个单元格后面。我该如何用图片填充单元格？

我的代码是：

 \begin{tabular}{l|@{}c@{}}
\rowcolor[HTML]{3166FF} 
\multicolumn{1}{c|}{\cellcolor[HTML]{3166FF}{\color[HTML]{FFFFFF} Single-Linkage}} & \cellcolor[HTML]{6D93FF}{\color[HTML]{333333} } \\ \cline{1-1}
\rowcolor[HTML]{6D93FF} 
{\color[HTML]{333333} \begin{tabular}[c]{@{}l@{}}Minimaler Abstand aller Elementpaare aus den beiden Clustern\\ \\ $D(A, B) = \min\limits_{a \in A, b \in B} \{ d(a, b)\}$\\ \\ Dieses Verfahren neigt zur Kettenbildung.\end{tabular}} & \multirow{-2}{*}{\cellcolor[HTML]{6D93FF}{\color[HTML]{333333} \includegraphics[height=.18\textheight,valign=b]{images/SingleLinkage.png}]}} \\ \hline
\rowcolor[HTML]{3166FF} 
\multicolumn{1}{c|}{\cellcolor[HTML]{3166FF}{\color[HTML]{FFFFFF} Complete-Linkage}} & \cellcolor[HTML]{6D93FF}{\color[HTML]{333333} } \\ \cline{1-1}
\rowcolor[HTML]{6D93FF} 
{\color[HTML]{333333} \begin{tabular}[c]{@{}l@{}}Maximaler Abstand aller Elementpaare aus den beiden Clustern\\ \\ $D(A, B) = \max\limits_{a \in A, b \in B} \{ d(a, b)\}$\\ \\ Dieses Verfahren neigt zur Bildung kleiner Gruppen.\end{tabular}} & \multirow{-2}{*}{\cellcolor[HTML]{6D93FF}{\color[HTML]{333333} Hier Bild 2 einfügen}} \\ \hline
\rowcolor[HTML]{3166FF} 
\multicolumn{1}{c|}{\cellcolor[HTML]{3166FF}{\color[HTML]{FFFFFF} Average-Linkage}} & \cellcolor[HTML]{6D93FF}{\color[HTML]{333333} } \\ \cline{1-1}
\rowcolor[HTML]{6D93FF} 
{\color[HTML]{333333} \begin{tabular}[c]{@{}l@{}}Durchschnittlicher Abstand aller Elementpaare aus den beiden Clustern\\ \\ $D(A, B) = \frac{1}{|A||B|} \sum\limits_{x,y \in A \cup B}d(a, b)$ \medskip \end{tabular}} & \multirow{-2}{*}{\cellcolor[HTML]{6D93FF}{\color[HTML]{333333} Hier Bild 3 einfügen}} \\ \hline
\rowcolor[HTML]{3166FF} 
\multicolumn{1}{c|}{\cellcolor[HTML]{3166FF}{\color[HTML]{FFFFFF} Average-Group-Linkage}} & \cellcolor[HTML]{6D93FF}{\color[HTML]{333333} } \\ \cline{1-1}
\rowcolor[HTML]{6D93FF} 
{\color[HTML]{333333} \begin{tabular}[c]{@{}l@{}}Durchschnittlicher Abstand aller Elementpaare aus der Vereinigung von A und B\\ \\ $D(A, B) = \frac{1}{(|A| + |B|)(|A| + |B| - 1)} \sum\limits_{x,y \in A \cup B}d(x, y)$ \medskip \end{tabular}} & \multirow{-2}{*}{\cellcolor[HTML]{6D93FF}{\color[HTML]{333333} Hier Bild 4 einfügen}} \\ \hline
\rowcolor[HTML]{3166FF} 
\multicolumn{1}{c|}{\cellcolor[HTML]{3166FF}{\color[HTML]{FFFFFF} Centroid-Method}} & \cellcolor[HTML]{6D93FF}{\color[HTML]{333333} } \\ \cline{1-1}
\rowcolor[HTML]{6D93FF} 
{\color[HTML]{333333} \begin{tabular}[c]{@{}l@{}}Abstand der Zentren der beiden Cluster\\ \\ $D(A, B) = d( \overline{a}, \overline{b})$\\ \\ wobei $\overline{a}$ das Zentrum des Clusters A sei, $\overline{b}$ das des Clusters B.\end{tabular}} & \multirow{-2}{*}{\cellcolor[HTML]{6D93FF}{\color[HTML]{333333} Hier Bild 5 einfügen}} \\ \hline
\rowcolor[HTML]{3166FF} 
\multicolumn{1}{c|}{\cellcolor[HTML]{3166FF}{\color[HTML]{FFFFFF} Median-Method}} & \cellcolor[HTML]{6D93FF}{\color[HTML]{333333} } \\ \cline{1-1}
\rowcolor[HTML]{6D93FF} 
{\color[HTML]{333333} \begin{tabular}[c]{@{}l@{}}Abstand der Zentren der beiden Cluster\\ \\ $D(A, B) = d(\overline{a}, \overline{m})$\\ \\ wobei $\overline{a}$ das Zentrum des Clusters A sei, $\overline{m}$ der Mittelwert aus den Clusterzentren \\des grünen und blauen Clusters.\end{tabular}} & \multirow{-2}{*}{\cellcolor[HTML]{6D93FF}{\color[HTML]{333333} Hier Bild 6 einfügen}} \\ \hline
\end{tabular}

表格如下所示：

在此处输入图片描述

在图片下的单元格中也应该插入图片

答案1

我会按照以下方式编写您的表格：

  • 用于tabularx桌子
  • 删除所有嵌套表格
  • 等式写成displaystyle数学
  • 将列单元格的基线移至X中间（按\renewcommand\tabularxcolumn[1]{m{#1}}）
  • 通过使用包valign=m中定义的方法将图像基线移动到垂直中心adjustbox
  • 而是includegraphics使用\\adjustimage：

考虑到上述情况，第一行带有树图像的 MWE 为：

\documentclass{article}
\usepackage{geometry}
\usepackage[export]{adjustbox}
\usepackage[table, x11names]{xcolor}
\usepackage{makecell, multirow, tabularx}

%---------------- Show page layout. Don't use in a real document!
\usepackage{showframe}
\renewcommand\ShowFrameLinethickness{0.15pt}
\renewcommand*\ShowFrameColor{\color{red}}
%---------------------------------------------------------------%

\begin{document}
    \begin{table}[htb]
    \centering
    \renewcommand\tabularxcolumn[1]{m{#1}}
    \adjustboxset{height=.12\textheight,
                  valign=c,  margin=0pt 3pt 0pt 3pt}
\rowcolors{1}{Blue3}{DodgerBlue2}
\begin{tabularx}{\linewidth}{X | >{\columncolor[HTML]{6D93FF}}c }
\color[HTML]{FFFFFF} Single-Linkage 
    &   \\ 
Minimaler Abstand aller Elementpaare aus den beiden Clustern 
    \[
D(A, B) = \min\limits_{a \in A, b \in B} \{ d(a, b)\}
    \]
Dieses Verfahren neigt zur Kettenbildung.
    &   \adjustimage{}{example-image-duck}          \\ 
%
\color[HTML]{FFFFFF} Average-Linkage
    &   \\
Minimaler Abstand aller Elementpaare aus den beiden Clustern
    \[
D(A, B) = \min\limits_{a \in A, b \in B} \{ d(a, b)\}
    \]
Dieses Verfahren neigt zur kleiner Gruppen.
    &   \adjustimage{}{example-image-duck}          \\
%
\color[HTML]{FFFFFF} Complete-Linkage
    &   \\
Minimaler Abstand aller Elementpaare aus den beiden Clustern
    \[
D(A, B) = \frac{1}{(|A| + |B|)(|A| + |B| - 1)} 
            \sum\limits_{x,y \in A \cup B}d(x, y)
    \]
    &   \adjustimage{}{example-image-duck}          \\
\end{tabularx}
    \end{table}
\end{document}

在此处输入图片描述

您可以根据需要更改表格的颜色。我不会用图像来给行着色。

答案2

以下是一种tcolorbox基于的替代方法：

在此处输入图片描述

为了提高彩色框内文本的可读性，我增强了背景颜色和文本颜色之间的对比度。

colback=mylightblue!50, colbacktitle=mydarkblue!50,例如与 的组合fonttitle=\bfseries\color{black}将产生以下输出：

在此处输入图片描述

如果你使用colback=mylightblue!50, colbacktitle=mydarkblue!60!black,and fonttitle=\bfseries，你最终会得到：

在此处输入图片描述

\documentclass{article}
\usepackage{geometry}

\usepackage[most]{tcolorbox}
\definecolor{mydarkblue}{HTML}{3166FF}
\definecolor{mylightblue}{HTML}{6D93FF}

\newtcolorbox{myColorBox}[1]{%
  sidebyside,
  sidebyside align=center,
  lefthand width=0.75\linewidth,
  arc=0pt,
  left=2pt,right=2pt,top=2pt,bottom=2pt,
  toptitle=2pt,bottomtitle=2pt,
  colback=mylightblue, 
  colbacktitle=mydarkblue,
  enhanced, 
  boxrule=0pt,
  width=\textwidth, 
  sidebyside gap=15pt,
  lower separated=false, 
  title={#1}, 
  nobeforeafter, 
  fonttitle=\bfseries
}


\begin{document}

\noindent
\begin{myColorBox}{Single-Linkage}
Minimaler Abstand aller Elementpaare aus den beiden Clustern
\[D(A, B) = \min\limits_{a \in A, b \in B} \{ d(a, b)\}\]
Dieses Verfahren neigt zur Kettenbildung.
\tcblower
\includegraphics[width=\linewidth]{example-image}
\end{myColorBox}
%
\begin{myColorBox}{Complete-Linkage}
Maximaler Abstand aller Elementpaare aus den beiden Clustern
\[D(A, B) = \max\limits_{a \in A, b \in B} \{ d(a, b)\}\]
Dieses Verfahren neigt zur Bildung kleiner Gruppen.
\tcblower
\includegraphics[width=\linewidth]{example-image}
\end{myColorBox}
%
\begin{myColorBox}{Average-Linkage}
Durchschnittlicher Abstand aller Elementpaare aus den beiden Clustern
\[D(A, B) = \frac{1}{|A||B|} \sum\limits_{x,y \in A \cup B}d(a, b)\]
\tcblower
\includegraphics[width=\linewidth]{example-image-10x16}
\end{myColorBox}
%
\begin{myColorBox}{Average-Group-Linkage}
Durchschnittlicher Abstand aller Elementpaare aus der Vereinigung von A und B
\[D(A, B) = \frac{1}{(|A| + |B|)(|A| + |B| - 1)} \sum\limits_{x,y \in A \cup B}d(x, y)\]
\tcblower
\includegraphics[width=\linewidth]{example-image-16x9}
\end{myColorBox}
%
\begin{myColorBox}{Centroid-Method}
Abstand der Zentren der beiden Cluster
\[D(A, B) = d( \overline{a}, \overline{b})\]
wobei $\overline{a}$ das Zentrum des Clusters A sei, $\overline{b}$ das des Clusters B.
\tcblower
\includegraphics[width=\linewidth]{example-image}
\end{myColorBox}
%
\begin{myColorBox}{Median-Method}
Abstand der Zentren der beiden Cluster
\[D(A, B) = d(\overline{a}, \overline{m})\]
wobei $\overline{a}$ das Zentrum des Clusters A sei, $\overline{m}$ der Mittelwert aus den Clusterzentren des grünen und blauen Clusters.
\tcblower
\includegraphics[width=\linewidth]{example-image}
\end{myColorBox}


\end{document}

相关内容