BLOG

スマホで見て気づいた!word-wrap: break-wordが効かない時

外部リンクの参照URLが長い時word-wrap: break-wordを指定していれば基本領域をはみ出すことはないのですが、効いていないことがありました。

要素のwidthを設定すれば解消

PCの時は十分な横幅があるので気付かなかったんですが、スマホで見た時にレイアウト崩れを起こしていました。解消方法は要素にwidthを指定してあげればOKです。100%とかの指定でもOKです。すっきりした。

    Sponsored Links