上の画像は、文字が折返し位置がバラバラになっています。
読みやすさとのトレードオフかもしれませんが
右余白の不揃い感を改善したいのです。
どのようにすれば良いでしょうか。
追記:
質問者が求めるイメージについては、質問に対するコメントのやりとりにあります。
スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。すぐ登録できます。
登録してこのコミュニティに参加する
上の画像は、文字が折返し位置がバラバラになっています。
読みやすさとのトレードオフかもしれませんが
右余白の不揃い感を改善したいのです。
どのようにすれば良いでしょうか。
追記:
質問者が求めるイメージについては、質問に対するコメントのやりとりにあります。
両端揃えにすることで解決します。
両端揃えは、CSSのtext-align: justify;にて設定出来ます。
(IEではtext-justifly: inter-ideograph;なので両方書きます。)
以下、例。
<html>
<head>
<style type="text/css">
div {
width: 200px;
text-align: justify;
text-justify: inter-ideograph;
}
</style>
</head>
<body>
<div>
吾輩は猫である。名前はまだ無い。<br>
どこで生れたか頓(とん)と見當がつかぬ。<br>
何でも薄暗いじめじめした所でニヤーニヤー泣いて居た事丈は記憶して居る。<br>
吾輩はこゝで始めて人間といふものを見た。<br>
</div>
</body>
</html>