概要
この記事はプログラミングの記事です
プログラミングの、横並びの記事です
実態
プログラミングで、画像を横並びにしてみました
コードです
補足
この度はインラインブロックでの横並びに挑戦しました
なお、インラインブロックの隙間ですが、フォントサイズを0にして、対応しました
※この記事では、参考元は異なり、テキストをデザインしていません
そのため、今回は元々のフォントのサイズは考慮しません
なお、画像はCanvaで作成しました
参考資料
- https://webuddy.info/
css/il-crevice/
#:~:text=
横並びにしたい要素の親要素に対して
font-sizeを０、
横並びにしたい要素に対しては
元のフォントサイズ（この時は14px）
を指定することによって、
以下のように隙間がなくなります - https://wppilot.net/
2026/06/14/
row-block-and-columns-block/ - https://webuddy.info/
css/column/ - https://
web-camp.io/
magazine/
archives/91973/
#:~:text=
calc()関数は、CSS内で四則演算ができる関数です - https://webst8.com/
code/
css-calc/#google_vignette - https://
web-camp.io/
magazine/
archives/91973/ - https://web.skipjack.tokyo/
css/css_calc/
#:~:text=
「＋」プラスと「－」マイナスはそのままですが、
掛け算の演算子は「*」（アスタリスク）、
割り算の演算子は「/」（スラッシュ）を使用します - https://tech-unlimited.com/escape.html
