[Tex/LaTex] Vertical text alignment between TikZ nodes with multiple lines of text

tikz-pgfvertical alignment

I have three nodes of equal size which contain text of different lengths. This causes line breaks in two of the nodes.

I would like all of the text to be aligned with the last line of text in the third node. I have fiddled with text depth but because LaTeX reads the text in the third node as one line I don't think it's working the way I want it to.

Is there a simple solution to this problem? Any guidance is appreciated!

\documentclass{minimal}
\usepackage{tikz}
\usetikzlibrary{positioning}

\begin{document}
\begin{tikzpicture}

  \node [draw, text width=5em, minimum height = 5em, align = center] (node1) {One line};    
  \node [draw, right = 1cm of node1, text width=5em, minimum height = 5em, align = center] (node2) {One linebreak};
  \node [draw, right = 1cm of node2, text width=5em, minimum height = 5em, align = center] (node3) {This text has two linebreaks};

\end{tikzpicture}
\end{document}

Best Answer

You could place the text separately from the boxes:

\documentclass{minimal}
\usepackage{tikz}
\usetikzlibrary{positioning}

\begin{document}
\begin{tikzpicture}

  \node [draw, text width=5em, minimum height = 5em] (node1) {};
  \node [draw, right = 1cm of node1, text width=5em, minimum height = 5em] (node2) {};
  \node [draw, right = 1cm of node2, text width=5em, minimum height = 5em] (node3) {};
  \node[text width=5em, align=center] (node3text) at (node3.center) {This text has two linebreaks};
  \node[anchor=south, text width=5em, align=center] at (node3text.south -| node2.center) {One linebreak};
  \node[anchor=south, text width=5em, align=center] at (node3text.south -| node1.center) {One line};

\end{tikzpicture}
\end{document}

Related Solutions

[Tex/LaTex] How to define the default vertical distance between nodes

I don't really get the question so I hope this is what you wanted. If you include a full document (such that we copy paste and see the problem on our systems) things are much more easier.

Here, you can change the default setting within a scope but your block style had a node distance which was resetting every time it is issued. I've made it 2mm such that we can see the difference easier.

\documentclass[tikz]{standalone}
\usetikzlibrary{arrows,shapes.geometric,positioning}

\begin{document}
\begin{tikzpicture}[decision/.style={diamond, draw, text width=4.5em, text badly centered, node distance=3.5cm, inner sep=0pt},
                    block/.style   ={rectangle, draw, text width=6em, text centered, rounded corners, minimum height=4em, minimum height=2em},
                    cloud/.style   ={draw, ellipse, minimum height=2em},
                    line/.style    ={draw,-latex'},
                    node distance = 1cm, 
                    auto]
    \node [block] (1st) {1st};
    \node [block, right= of 1st]  (2nd1) {2nd1};
\begin{scope}[node distance=2mm and 10mm]%Here we change it for everything inside this scope
    \node [block, above= of 2nd1] (2nd2) {2nd2};
    \node [block, below= of 2nd1] (2nd3) {2nd3};
    \node [block, right= of 2nd1] (3rd1) {3rd1};
    \node [block, above= of 3rd1] (3rd2) {3rd2};
    \node [block, above= of 3rd2] (3rd3) {3rd3};
\end{scope}
    \node [block, below= of 3rd1] (3rd4) {3rd4};
    \node [block, below= of 3rd4] (3rd5) {3rd5};

    \path [line] (1st) -- (2nd1);
    \path [line] (2nd1) -- (2nd2);
    \path [line] (2nd1) -- (2nd3);
    \path [line] (2nd2) -- (3rd3);
    \path [line] (2nd1) -- (3rd1);
    \path [line] (1st) -- (2nd1);
\end{tikzpicture}
\end{document}

enter image description here

[Tex/LaTex] Overlay edge between two tikz nodes

You need remember picture for the tikzpicture connecting the nodes:

\documentclass{beamer}

\usepackage{tikz}
\usetikzlibrary{positioning}

\begin{document}

\begin{frame}{Tikz Test}


\begin{tikzpicture}[remember picture]
\draw node [text width=60mm,fill=black!5] (n1) 
  {Multi\\line \begin{tikzpicture}[remember picture]
\node[fill=black,text width=2mm](start){};\end{tikzpicture} \\text};
\draw node [text width=60mm,fill=black!5,below=of n1] {Another\\multi\\line \begin{tikzpicture}[remember picture]\node[fill=black,text width=2mm](end){};\end{tikzpicture}\\text};
    \end{tikzpicture}
\begin{tikzpicture}[remember picture,overlay]
        \draw (start) -- (end);
\end{tikzpicture}
\end{frame}

\end{document}

enter image description here

By the way, is best not to nest tikzpictures.

Best Answer

Related Solutions

[Tex/LaTex] How to define the default vertical distance between nodes

[Tex/LaTex] Overlay edge between two tikz nodes

Related Question