testpage2 てすとぺーじ２

新設の「.break-point」がちゃんと使用できるかを、ここで検証したいと思います！

エンターで改行をしたぱたーん

エンターキーで
改行を
しています。

長い文章の時は、幅狭端末で表示させたときには
中途半端なところで改行がされてしまうことが予想されます…

＜br＞で改行させるぱたーん

ブランクタグを使って
改行を
しています。

長い文章の時は、幅狭端末で表示させたときには
中途半端なところで改行がされてしまうことが予想されます…

＜span class="break-point"＞＜/span＞を使った自動改行ぱたーん

.break-point のクラス名つきタグで文章を囲み改行をしています。

長い文章の時も、比較的意図したところで自動改行がされるので、最もレイアウトがきれいに仕上がると思います。