[Tex/LaTex] Vertical spacing \vfill inside tcolorbox

tcolorboxvertical alignment

Why \vfill does not work inside tcolorbox? Here is my MuWE (Minimal unWorking Example)

\documentclass[]{scrartcl}
\usepackage[many]{tcolorbox}
    \newtcolorbox{bilety}
    {   enhanced,
        space to upper,
        height=5cm,
        %borderline={0.3mm}{0mm}{black!75, dashed},
        segmentation style={black, solid, opacity=0, line width=0pt},
        colback =  black!5!white,
        colframe = black!15!white,
        sharpish corners,
    }

\begin{document}

        \begin{bilety}
             some text
             \vfill
             some other text
        \end{bilety}

\end{document}

————————-PDF output is———————-

enter image description here

But \vskip does!

    \begin{bilety}
         some text
         \vskip 3cm
         some other text
    \end{bilety}

————————-PDF output is———————-

enter image description here

Best Answer

In this case, it's a not a bug but a feature. The inner text box is decoupled from the fixed height setting for a number of reasons, e.g. lower box part support and breakability. Therefore, you cannot use \vfill, because the inner text box has no fixed height.

But, you can use a minipage with a fixed height inside the tcolorbox. You can put this minipage into the box setting options:

\documentclass[]{scrartcl}
\usepackage[many]{tcolorbox}

\newtcolorbox{bilety}
{   enhanced,
    space to upper,
    %height=5cm,
    segmentation style={black, solid, opacity=0, line width=0pt},
    colback =  black!5!white,
    colframe = black!15!white,
    sharpish corners,
    before upper={\begin{minipage}[t][4cm]{\linewidth}},
    after upper={\end{minipage}},
}

\begin{document}

  \begin{bilety}
    some text
    \par\vfill
    some other text
  \end{bilety}

\end{document}

Update (16-Nov-2018):

Alternatively, the option text fill can be used to automatically insert a minipage with adapted fixed height:

\documentclass[]{scrartcl}
\usepackage[many]{tcolorbox}

\newtcolorbox{bilety}
{   enhanced,
    %space to upper,
    height=5cm,
    %segmentation style={black, solid, opacity=0, line width=0pt},
    colback =  black!5!white,
    colframe = black!15!white,
    sharpish corners,
    text fill,
}

\begin{document}

  \begin{bilety}
    some text
    \par\vfill
    some other text
  \end{bilety}

\end{document}

enter image description here

Related Solutions

[Tex/LaTex] tcolorbox: vertical spacing in a tcolorbox

Looks can be deceiving. Because of the "p" descending letters, the vertical gap from the bottom of the "p" to the box is the same as the top of the "W" to the box (see second image). Try it with the p's removed (or \smashed as I show in the third image of this MWE). The gap is identical relative, not to the text baselines, but with respect to the actual bottom and top of the text box (second and fourth images).

\documentclass{article}
\usepackage[most]{tcolorbox}
\newtcolorbox{questions}{
  colframe = red
}
\begin{document}
\begin{questions}
  \centering
  What is the spatial period?
\end{questions}
\begin{questions}
  \centering
  \fboxsep=0pt\fbox{What is the spatial period?}
\end{questions}
\begin{questions}
  \centering
  What is the s\smash{p}atial \smash{p}eriod?
\end{questions}
\begin{questions}
  \centering
  \fboxsep=0pt\fbox{What is the s\smash{p}atial \smash{p}eriod?}
\end{questions}
\end{document}

enter image description here

As far as the indent,

\newtcolorbox{questions}{
  nobeforeafter,
  colframe = red
}

will prevent the following text from being indented. However, it will also have the effect of allowing the tcolorboxes to be indented, which you may not want. Furthermore, it will change/eliminate the padding around the box.

As an alternative, a \noindent can manually override indentation on the subsequent text.

[Tex/LaTex] Vertical alignment of “nobeforeafter” tcolorbox

Two options; the first one uses a manual adjustment made using the baseline key for the tcolorboxes, and the second one uses the option valign=c for an \adjustbox from the adjustbox package; the setting is done automatically using before and after:

\newtcbox{\LittleBox}[1][]{
  enhanced,
  before=\adjustbox{valign=c}\bgroup,
  after=\egroup,#1
}

The complete code with both possibilities:

\documentclass[]{article}
\usepackage[skins]{tcolorbox}
\usepackage{adjustbox}

\newtcolorbox{mybox}[1][]{
  enhanced,
  sidebyside,
  sidebyside align= center,   
  colbacktitle=white,
  coltitle=black,
  colback=white,
  fonttitle=\large\bfseries,
  #1
}
\newtcbox{\LittleBox}[1][]{
  enhanced,
  before=\adjustbox{valign=c}\bgroup,
  after=\egroup,#1
}
\newtcbox{\LittleBoxA}[1][]{
  enhanced,
  nobeforeafter,#1
}

\begin{document}

\begin{mybox}[title= Little boxes centered vertically]
\LittleBoxA[baseline=-1ex]{\scriptsize First} 
\LittleBoxA{\huge Second}
\tcblower
\LittleBoxA{\Large Third}
\LittleBoxA[baseline=-0.5ex]{\small Fourth}
\end{mybox}

\begin{mybox}[title= Little boxes centered vertically]
\LittleBox{\scriptsize First} 
\LittleBox{\huge Second}
\tcblower
\LittleBox{\Large Third}
\LittleBox{\small Fourth}
\end{mybox}

\end{document}

enter image description here

Best Answer

Related Solutions

[Tex/LaTex] tcolorbox: vertical spacing in a tcolorbox

[Tex/LaTex] Vertical alignment of “nobeforeafter” tcolorbox

Related Question