103

How can I center a TikZ node exactly between two others?

Hypothetically,

\node (a) {a}
\node (c) [right of=c] {c}
\node (b) [between={a,c}] {b}

2 Answers 2

147

My suggestion is to use the calc library (see the pgfmanual 13.5 Coordinate Calculations - version October 25, 2010).

An example:

\documentclass{article}   
\usepackage{tikz}
\usetikzlibrary{calc}

\begin{document}
\scalebox{4}{
\begin{tikzpicture}[text height=2ex]
\node (a) {a};
\node (c) [right of=a] {c};
\node (b) at ($(a)!0.5!(c)$) {b};
\end{tikzpicture}
}
\end{document}

The result:

enter image description here

Notice that the syntax you used is wrong: each node should end with ; and the node c can not be positioned at its right.

Notice that without specifying the text height, the nodes are not vertically aligned:

\documentclass{article}   
\usepackage{tikz}
\usetikzlibrary{calc}

\begin{document}
\scalebox{4}{
\begin{tikzpicture}
\node (a) {a};
\node (c) [right of=a] {c};
\node (b) at ($(a)!0.5!(c)$) {b};
\end{tikzpicture}
}
\end{document}

enter image description here

See as reference Problem with TikZ and vertical alignment of text inside nodes.

The calc library, however, is not the only way to proceed. In his comment percusse suggested another approach:

\documentclass{article}   
\usepackage{tikz}

\begin{document}
\scalebox{4}{
\begin{tikzpicture}[text height=2ex]
\node (a) {a};
\node (c) [right of=a] {c};
\path (a) -- (c) node[midway] (b) {b};
\end{tikzpicture}
}
\end{document}

and I see even one more (ok, is not so convenient, but I report it for the sake of completness). Suppose you are using the positioning library and nodes are placed on grid; then for sure the node distance is set in some way so one could go as follows:

\documentclass{article}   
\usepackage{tikz}
\usetikzlibrary{positioning}
\pgfmathtruncatemacro\distance{1}

\begin{document}
\scalebox{4}{
\begin{tikzpicture}[text height=2ex, on grid]
\node (a) {a};
\node (c) [right=\distance cm of a] {c};
\node (b) [right=0.5\distance cm of a]{b};
\end{tikzpicture}
}
\end{document}

Both approaches lead to the result shown in the first example picture.

15
  • The code was only hypothetical. Not meant to be working code(just enough to get the point across). Anyways, your method works. Thanks. Commented Sep 14, 2012 at 7:51
  • 7
    You can also add \path (a) -- (c) node[midway] (b) {b}; to the list.
    – percusse
    Commented Sep 15, 2012 at 11:04
  • 1
    @percusse: absolutly right! Actually I see also another way besides your: I'll edit my answer in a minute. Commented Sep 16, 2012 at 9:12
  • 1
    Also, you can align the nodes with respect to their baseline to align them vertically, with anchor=base.
    – Bordaigorl
    Commented Oct 14, 2013 at 12:46
  • 1
    @Bordaigorl: are you sure? I suspect \begin{tikzpicture} \node[anchor=base] (a) {a}; \node[anchor=base] (c) [right of=a] {c}; \node[anchor=base] (b) at ($(a)!0.5!(c)$) {b}; \end{tikzpicture} won't vertically align a, b and c. Anyway, feel free to edit the answer with your example. :) Commented Oct 14, 2013 at 13:05
32

In addition to @Claudio's detailed answer here's a more concise solution which also aligns the nodes with respect to the text's baseline without requiring an explicit specification of the text height.

The following does not require calc and only requires positioning because of the use of base right which is included to be faithful to the example in the question. Otherwise, absolute positioning (i.e. with at) would work as expected.

\begin{tikzpicture}[anchor=base]
    \node (a) {a};
    \node (c) [base right=of a] {c};
    \path (a.base) -- node (b) {b} (c.base);
\end{tikzpicture}

Setting the anchor to base globally makes the code more concise but you can apply it to each node individually.

The third line creates the node (b) midway the line connecting the baselines of the other two nodes.

Also note that the key right of is deprecated in favour of right=of ... (see this answer).


Addendum: how to create a between key

Here's a way to actually provide the syntax proposed in the question.

\tikzset{
    between/.style args={#1 and #2}{
         at = ($(#1)!0.5!(#2)$)
    }
}

Then you can write something like \node[between=a and c] (b) {b};. Again, if you want the baseline alignment you have to write between=a.base and c.base or write an abbreviation as

\tikzset{
    between base/.style args={#1 and #2}{
        between=#1.base and #2.base
    }
}

so you can just write between base=a and c.

This however requires the calc library.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .