CSSのdisplayプロパティは、HTML要素の表示方法・振る舞いを決める非常に基本かつ重要なプロパティです。 block と inline は最も基本的かつ頻繁に使われる表示形式で、ページレイアウトやUIの構築に直結します。 違いを正確に理解することで、思い通りの見た ...

HTML/CSSを学習中で、noteでの学習や動画学習などをしていてこんな経験はないですか？ ・「一応調べてみた」→が、なんとなくの理解で進む ・「某noteなどで学習していると、そのコードを打ち込んでいけばなんとなくサイトが出来上がってしまう」 ・「意味 ...

Webページの制作で水平リストが必要な場合にはフローレイアウトを使って要素を配置していくということがある。しかし、水平フローにさらに可変の高さを持った要素が入っていたり、それを垂直方向に複数行展開するということになると、なかなか面倒な ...

display: inlineまたはdisplay: inline-blockの要素間に意図しない余白が生じる。これはHTMLの仕様上の挙動である。 このコードでは ...

間もなくリリースされるChrome 123（リリース情報）で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しいニュースです。しかし、既存サイトでalign-content ...