各ブラウザでの均等割り付け比较
1 like90,940 views
各ブラウザで均等割り付けを実装する方法と比較をまとめました。 We have put together a comparison with how to implement an equal allocation in each browser .
各ブラウザでの均等割り付け比较
- 3. 調査対象ブラウザ ? Chrome 43 ? FireFox version 38.01 ? Safari version 7.1.6 ? Internet Explorer 11.0.7
- 4. Chrome 43 ? デフォルト ? 両端 えなし ? スタイルシートによる両端 え ? 右図のCSSを当てることで可能
- 6. FireFox(ver 38.01) ? デフォルト ? 両端 えなし ? スタイルシートによる両端 え ? 右図のCSSを当てることで可能
- 8. Safari(version 7.1.6) ? デフォルト ? 両端 えなし ? スタイルシートによる両端 え ? 右図のCSSを当てることで可能
- 10. IE(version 11.0.7) ? デフォルト ? 両端 えなし ? スタイルシートによる両端 え ? 右図のCSSを当てることで可能 ? ただし他ブラウザと若干挙動が違うので要注意 ? text-align:justifyのみだと両端 え不可
- 12. 備考 - IEでの挙動 ? IEではtext-align:justifyを指定した時点で自動的 にtext-justify:autoが適用される ? text-justifyはIEのみがサポートする均等割付の方 式を指定するプロパティ ? autoの値はデフォルトだと英単語用のinter-wordに なっているので明示的に日本語用のinter-ideograph を指定する必要がある。