mania-ku

何か作りたいプログラマ未満。

【Advent calendar】display: box内の改行の方法

12時を超えてしまいましたが、これはAdvent calendar2日目の記事です。
昨日の記事は、iPhone/iPadでlabelを使う方法でした。

display: box内で幅より長い英文を使うと改行されません。
word-wrap: break-word;だけだと、突き抜けてしまいます。
折り返すにはCSSにもう一行追加が必要です。

ele {
	display; box;
	word-wrap: break-word;
	word-break: break-all;
}

参考サイト;css3のdisplay:box;の折り返し

3日目の明日は「電子絵本サービス『PIBO(ピーボ)』にお問い合わせをした話」です。
ではまた明日;)

Pocket
LINEで送る