お問い合わせはコチラから

CSSで英語の文章の単語間スペースが空きすぎと思ったときは?

サイト運営

海外のWordpressテンプレート使っていて英語の文章を書いた時に困ったことがありました。ある行だけ単語間のスペースが異常に広くなる時があって、ちょっと間抜けな感じでした。

原因は長めの単語があったときに、単語の途中で改行しないのでかなり手前で改行されて、行いっぱいに単語が配置されるからです。

この状況は、MicrosoftのWordではよくある光景なのですが、CSSではどのように調整するのかあまり意識していませんでした。

答えから言います。

text-align: justify;

となっているはずなので、

text-align: left;

とすれば単語の間隔は自動調整されなくなります。

text-align: justify

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut velit ac metus condimentum eleifend sit amet sit amet neque. Nam vestibulum mattis mi et finibus. Nunc malesuada leo et tempor cursus. Sed semper libero et leo vulputate, vel mollis massa vulputate. Donec efficitur sapien eget dolor molestie ornare. Pellentesque nec diam ac mauris dictum ullamcorper nec in diam. Sed in velit sed eros ultricies sagittis quis vitae diam. Sed ut bibendum diam. In fermentum tincidunt tortor, id ornare justo consectetur in. Aliquam pretium at nisi a posuere. Donec mauris magna, rhoncus quis scelerisque quis, eleifend sit amet ex. Duis vehicula odio vel vestibulum placerat. Nullam vitae justo porta, fringilla ipsum eu, luctus leo.

text-align: left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut velit ac metus condimentum eleifend sit amet sit amet neque. Nam vestibulum mattis mi et finibus. Nunc malesuada leo et tempor cursus. Sed semper libero et leo vulputate, vel mollis massa vulputate. Donec efficitur sapien eget dolor molestie ornare. Pellentesque nec diam ac mauris dictum ullamcorper nec in diam. Sed in velit sed eros ultricies sagittis quis vitae diam. Sed ut bibendum diam. In fermentum tincidunt tortor, id ornare justo consectetur in. Aliquam pretium at nisi a posuere. Donec mauris magna, rhoncus quis scelerisque quis, eleifend sit amet ex. Duis vehicula odio vel vestibulum placerat. Nullam vitae justo porta, fringilla ipsum eu, luctus leo.

この記事が気に入ったら フォローしよう
最新情報をお届けします。
この記事を書いた人
ブーン

はるばる日本よりオランダ王国へやってまいりました。
自分の経験が少しでも参考になれば嬉しいです。
お問い合わせは、『こちら』からお願い致します。

\ブーンをフォロー/
スポンサーリンク
サイト運営
\シェアお願いします!/
\ブーンをフォロー/

失敗しないレンタルサーバーランキング

mixhost

不正アクセスに強くて使いやすいおススメサーバー
\本サイトで利用中/
メリット①:自動ウィルス駆除対応
メリット②:サイトの表示速度が速い!
メリット③:転送量の上限が多い!
メリット④:自由にプラン変更ができ、アクセス増にも対応できる!
メリット⑤:バックアップデータが無料で復元できる!
メリット⑥:Wordpressが簡単にインストールできる!
メリット⑦:どのプランでも初期費用が無料!
メリット⑧:10日間の無料お試し期間と30日の返金保証!

Conoha Wing

国内Wordpress最速の最強サーバー
メリット①:圧倒的な表示速度
メリット②:レンタルサーバーと独自ドメインがセットでお得◎
メリット③:プラン変更はすべてのプランで自由自在
メリット④:一か月の利用転送量の制限が緩い(9TB~)
メリット⑤:WordPresサイトの移行が簡単

エックスサーバー

国内シェアNo1の安定性と実績が魅力。ALL SSDで死角なしの万能サーバー。
メリット①:サイトの表示速度が安定して速い!
メリット②:アクセス負荷に強くて安定性が高い!
メリット③:24時間365日の充実サポートで安心!電話サポートもあり!
メリット④:転送量が多い!
メリット⑤:自動バックアップ機能付き!
メリット⑥:WordPressが簡単にインストールできる!
メリット⑦:10日の無料お試し期間がある!

オランダで生きていく
タイトルとURLをコピーしました