Category 同じ高さ

記事内に高さの同じ枠つきの欄を作成する – flexbox を使う方法 –

 

サムネイル画像のセンタリングについての考察

CSS の flex を使って、サムネイル画像をセンタリングする方法についての覚え書きです。

「display:table-cell」を使って欄の高さを揃えているボックス内の要素の一部を下に移動する

「display:table-cell」を指定したボックス内の要素の位置を「position: absolute」で移動できるかどうかについて考察してみました。Firefox ではうまくいかないことがわかりました。

display:table-cell を使って高さの同じ枠付きのボックスを作成する -見かけ上、ボックスを縦方向につなげる方法についての考察-

高さの同じ枠付きのボックスを見かけ上、つながったように見せる方法についての考察です。

記事内に高さの同じ枠つきの欄を作成する –display: table を使う方法 -(改)

「display:table」を使って、同じ高さの枠付きの欄を作成する方法で、欄と欄との間にスペースを作る方法がわかったので、その覚え書きです。

記事内に高さの同じ枠つきの欄を作成する –display: table を使う方法 –

 

記事内に高さの同じ枠つきの欄を作成する - margin-bottom: -32768px を使う方法 –

margin のマイナス値を使うことによって、上下方向に領域を拡大し、overflow:hidden で隠すことにより、見かけ上、高さが揃っているように見せる、という方法のようです。