Tcolorbox vertical alignment title changing

tcolorbox

mdframed always creates bad breaks, I tried to solve this and read about people saying it is not supported anymore and that tcolorbox is a better solution. I recreated my theorem boxes with tcolorbox but now I'm facing a text alignment issue: when the title gets too long, the alignment changes. I did a comparison between mdframed with a short title, mdframed with a long title, tcolorbox with a short title and tcolorbox with a long title.

Here is my code :

\begin{boiterouge}[\textbf{\textsc{The-rem} -- title some title mdframed}]
This is some random text
\end{boiterouge}

\begin{boiterouge}[\textbf{\textsc{The-rem}}]
This is some random text
\end{boiterouge}

\begin{tcolorbox}[enhanced,title=\textbf{\textsc{The-rem} -- title some title tcolorbox} ,colframe=rougestyle,coltitle=rougestyle,colback=white,
attach boxed title to top left=
{yshift=-3mm,xshift=4mm},left=2.5mm,top=2mm,bottom=0.5mm,
boxed title style={opacityback=0,colframe=white,size=fbox,arc=0mm},sharp corners]
This is some random text
\end{tcolorbox}

\begin{tcolorbox}[enhanced,title=\textbf{\textsc{The-rem}} ,colframe=rougestyle,coltitle=rougestyle,colback=white,
attach boxed title to top left=
{yshift=-2.5mm,xshift=4mm},
boxed title style={opacityback=0,colframe=white,size=fbox,arc=0mm},sharp corners]
This is some random text
\end{tcolorbox}

Best Answer

My comment is no good! If there is a letter with a depth (g, j, p, q) in the title, the alignment changes

With \vphantom{p}, a letter with a depth, the alignment will be the same. Surely there is better to do.

    \documentclass{article}
    \usepackage{tcolorbox}
    \tcbuselibrary{skins}
    \begin{document}
    \tcbset{%
    enhanced,
    colframe=red,
    coltitle=red,
    colback=yellow,
    boxed title style={opacityback=0,colframe=white,size=fbox,arc=0mm},
    attach boxed title to top left={yshift=-\tcboxedtitleheight/2,xshift=4mm}
    }%

    \begin{tcolorbox}[title=\textbf{\textsc{The-rem}}]
    Without vphantom{bp}
    \end{tcolorbox}
    \begin{tcolorbox}[title=\textbf{\textsc{The-remg}}]
    Without vphantom{bp}
        \end{tcolorbox}
    \begin{tcolorbox}[title=\textbf{\textsc{The-rem} -- title some title tcolorbox}]
        Without vphantom{bp}
    \end{tcolorbox}
    \begin{tcolorbox}[title=\textbf{\vphantom{bp}\textsc{The-rem} -- title some title tcolorbox}]
        With vphantom{bp}
    \end{tcolorbox}
    \end{document}

Related Solutions

[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

[Tex/LaTex] Equations in tcolorbox. Vertical alignment

Load theorems library (I do it with class option most) and use ams or any other maths options.

ams set upper and lower parts to mathematical mode with \displaystyle. You don't need equation environments is these boxes. And you don't need valign.

\documentclass{beamer}
\usepackage[most]{tcolorbox}
\newtcolorbox{equationframe}{
math
}
\begin{document}
\begin{frame}
\begin{itemize}
\item[]
\begin{equationframe}
p(x,y)=\begin{cases}
\min\{q(x,y),\frac{\pi({y})q(y,{x})}{\pi(x)}\}, \quad x\neq y\\
1-\int_{x\neq y} p(x,y)
\end{cases}
\end{equationframe}
\begin{equationframe}
\pi(x)p(x,y)=\min\{\pi(x)q(x,y),\pi(y)q(y,x)\}=\pi(y)p(y,x)%
\end{equationframe}
\end{itemize}
\end{frame}
\end{document}

Update: ams equation*, ams align*:

Instead of math, tcolorbox also offers some other mathematical boxes: ams equation, ams align, ams gather, ...

\documentclass{beamer}
\usepackage[most]{tcolorbox}

\begin{document}
\begin{frame}
\begin{tcolorbox}[ams equation*]
p(x,y)=\begin{cases}
\min\{q(x,y),\frac{\pi({y})q(y,{x})}{\pi(x)}\}, \quad x\neq y\\
1-\int_{x\neq y} p(x,y)
\end{cases}
\end{tcolorbox}

\begin{tcolorbox}[ams nodisplayskip, ams align*]
\pi(x)p(x,y) & =\min\{\pi(x)q(x,y),\pi(y)q(y,x)\}\\
& =\pi(y)p(y,x)%
\end{tcolorbox}
\end{frame}
\end{document}

Best Answer

Related Solutions

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

[Tex/LaTex] Equations in tcolorbox. Vertical alignment

Related Question