flow

CSSについて説明します。

display: flowについて説明します。

display: flow

flowは、次に示すように、横書きの場合は横方向がinlineで縦方向がblockとなります。
横書きの本と同じなので、非常に自然です。

縦書きの場合は横方向がblockで縦方向がinlineとなります。
縦書きの本と同じなので、非常に自然です。

HTTP/HTML/CSSを作成するときに改めて「組版とは何か」を考えたと、勝手に想像します。

指定していない場合はflowになります。

inline direction
block direction

CSS

div
{
    display: block;
    display: flow;
}
div
{
    display: block flow;
}
div
{
    display: flow;
}

上記はすべて同じ設定となります。

参考

Block and inline layout in normal flow

<display-inside>

参考 & 広告

Kindle版です。
紙の本と、PDF版があります。
Kindle版です。
電子書籍です。




«       »
カテゴリーCSS