適切に改行を行う

ブラウザーはviewportによって折り返しを自動で行なってくれるわけだけど、場合によっては適切ではない位置で行われてしまうのをコントロールしたいという話。見出しをセンタリングしているようなケースで幅によっては一文字だけ次の行になってかっこ悪い！ みたいなのを解消したいということであったり、逆にびろ～んと間延びしないようによさそうな位置で改行を入れたいということであったり。一年くらい前にResponsive Line Breaksと呼ばれるようになった。 具体的なものはResponsive Line Breaksにあるデモやこのウェブログの日付表示の部分とかがそれ。ここではviewportの幅が広い時に良い位置で改行が入るようになっている。 article footer br { display: none; } @media (min-width: 60em) { article foo

[tinsep19]

br要素を使うことの是非みたいなものも当然あ る。本来的に必要そうなbr要素ではないの で、span要素で固まりを作って擬似要素で改行 を挿入してやった方が良い。

[ysakmrkm]

適切に改行を行う - Weblog - http://t.co/DKCnUhT8M6

[works014]

…これはイイですね…

[whey]

レスポンシブ

[monbran4989]

使えそうに見えて、かなり使えないだろ、これ

[oppara]

適切に改行を行う - Weblog - http://t.co/Qtd1qdfdu9

[rryu]

br要素をdisplay:noneするという発想は無かった。

[Falky]

おおお。Responsive Line Breaks. なるほど。