タグ: Chrome

少し前のサイトでChromeで文字のセンター寄せが効かなくなったと連絡があった。見てみたら左寄せになっている。text-align:center; 自体は効いているようなので色々見ていたら、

p{
    text-align:justify;
    text-align-last:left;
}

text-align-last:left; と、個人的にはほとんど使ったことのないプロパティが設定してあった。結論から行くとこれを外したらひとまず解決したんですが、検索しても出てこなかったので一応メモとして残しておきます。

p{
    text-align:justify;
    /*text-align-last:left;*/
}

もしくは

*{
    text-align-last:auto;
}

もしくは

*{
    text-align-last:initial;
}

まぁ、あんまり使うこと無いプロパティかも知れませんが、どうもtext-align-lastの方が優先されるようです。今のところChromeのみのようですが、これから他のブラウザでも同じ仕様になると思いますので頭の片隅に入れておくと良いかもしれません。