Q&A
詳細な例を入れていただき、ありがとうございました！
検索により、以下のようなcssで、IE11で均等割りできるような情報を得ているのですが・・・
.hoge { text-align: justify; text-justify: inter-ideograph; }
以下のhtmlを作ってみたのですが、IE11, Chromeで、tdもdivも、均等割り表示されません。
どこが間違っているんでしょうか・・・
<html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> </head> <body> <table> <tr> <td style="width:300px; height:100px; text-align:justify; text-justify:inter-ideograph; border-style:solid;"> あいうえお<br>かきくけこ </td> </tr> </table> <div style="width:300px; height:100px; text-align:justify; text-justify:inter-ideograph; border-style:solid;"> さしすせそ<br>たちつてと </div> </body> </html>
head内のmetaは、IEの互換表示設定に影響されないように入れています。
どうぞよろしくお願いいたします。
回答2件
0
ベストアンサー
text-align-last:justify;を入れるとどうでしょうか。
投稿2019/05/24 09:40
総合スコア37409
0
均等割り付けって「両端揃え」なので端で折り返すくらいの文章を投入しないと意味なさそうに思います。
※Chromeで確認
justify外した時
justify入れたとき
あとは英文とかのほうがより分かりやすいので試してみてください。
ただ、全角半角が混じったら割り付け(両端ぞろえ)されないようですので注意が必要そうです。
投稿2019/05/24 09:43
総合スコア80888
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/24 10:06