Photosynthesic blog

夫婦でやってるWeb屋です。

2018-07-01

iOS の text-align: justify のバグ

font-family-apple-systemを指定して、text-align:justify な要素に、before疑似要素を inline-block で追加すると、iOSだけで先頭の特定の?文字で文字化けが起こるバグに遭遇したのでメモ。

デモ

単純に複数行だと起こるのか?とかアルファベットで起こるかどうかとかの細かい検証はやっていませんが再現できちゃったので書いておきます。

こんな感じに表示されます。

んーと、つまりは text-align:justify は極力使わない方がいい、ということかな。

この記事を書いた人

mimi

主に書いている人。愚痴が多いです。悲観的。 フロントエンド側のアレコレをイジるのが好きみたいです。 編み物と写真と珈琲とオヤツ作りが趣味。 イラストも、最近描いてないけど描きます。 Twitter