Wordpressの投稿が左揃えにならない
WordPressで記事を投稿すると、インターネットエクスプローラーでは均等割付けで文字が表示されます。
ビジュアルモードで毎回左寄席の設定をして投稿していました。
グーグルのchromeですと左寄席の設定などしなくても、左寄席で表示してくれます。
インターネットエクスプローラー独自に採用したtext-alignのプロパティがjustufyのとき、テキストを均等割り付けにする形式がいろいろ指定されているとの記事を見つけました。
text-justifyに与えられる値
- text-justify: auto;
- ブラウザが自動判別します。IE5やIE6では、半角スペースや全角スペースを調整して均等割付するようです。
- text-justify: distribute;
- 単語間隔と文字間隔を調整して均等割付します。
- text-justify: distribute-all-lines;
- 単語間隔と文字間隔を調整して均等割付します。途中の改行や最終行などの文字数が一行に満たない行も均等に割り付けます。
- text-justify: inter-cluster;
- アジアの言語などの単語間隔を持たない言語のテキストを均等割り付けします。
- text-justify: inter-ideograph;
- 日本語・中国語・韓国語など表意文字のテキストの、単語間隔と文字間隔の両方を調整して均等割付します。
- text-justify: inter-word;
- 単語間隔のみを調整して均等割付します。
- text-justify: kashida;
- アラビア文字のテキストの均等割り付けを意図しています。
- text-justify: newspaper;
- 単語間隔と文字間隔を調整して均等割付します。英文などラテンアルファベットに最適な指定方法です。
テーマの編集でスタイルシートを見て見ると投稿ページの設定は
/* —— 投稿設定—— */
.doc {padding: 10px; text-align: justify; text-justify: distribute-all-lines; }
.ie7 .doc, .ie8 .doc, .ie9 .doc {text-align: left;}
.waku {border: 1px solid #CCCCCC;}
赤文字の-aii-linesを削除してみます。
このページはエッジで編集して、左寄もしていません。
するとどうでしょうか?
変更前
変更後